highcharts总会用到的一些小功能(一)

时间 2019-11-12

标签 highcharts 总会用到些小功能繁體版

原文原文链接

由于手头上的一个项目要用到动态渲染图表,因此就去学了一下highcharts,那么分享一些遇到的一些点,javascript

1.去掉highcharts右下角的logo连接,html

刚开始用的时候,发现每一张渲染的表格右下角都有一个logo连接,虽然是用的别人的框架,那么正式产品上线的时候,确定要把这个去掉喽,很简单,java

$('#container').highcharts({
  credits:{
   enabled:false
  }
});

2.由于项目须要,有些图表须要打印和导出,这个时候highcharts就提供了很屌的功能,直接配置就能够jquery

$('#container').highcharts({
  exporting:{
    enabled:true
  }
})

3.在我本身的项目上出现了一个很奇葩的问题,也许是由于个人项目环境比较奇葩,可是我的以为这个问题仍是有必要说一下,由于在个人项目中我用了requirejs,因此我就把highcharts和highcharts-exporting也加进去了,固然这并非不能够,框架

require([
   'jquery',
   'highcharts',
   'highcharts_exporting'//这里配置我就不写了,注意一下依赖顺序就能够了
],function(jquery,highcharts,highcharts_exporting){
  //do  something
})

可是,,,,问题就来了,在加在svg的时候,右上方的导出按钮只能加载一次,接着刷新就木有了,这个问题我纠结了很久,以后发现是exporting这个文件的加载问题,那么要怎么解决呢,svg

<script src='jquery.js'></script>
<script src='highcharts.js'></script>
<script src='highcharts-exporting.js'></script>

好啦,就是这么简单,以前是我想复杂了,因此本身也是蛋疼了很久,requirejs

那么今天暂时就整理到这里啦ui