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

2019独角兽企业重金招聘Python工程师标准>>>

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

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

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

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

2.因为项目需要,有些图表需要打印和导出,这个时候highcharts就提供了很屌的功能,直接配置就可以

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

3.在我自己的项目上出现了一个很奇葩的问题,也许是因为我的项目环境比较奇葩,但是个人觉得这个问题还是有必要说一下,因为在我的项目中我用了requirejs,所以我就把highcharts和highcharts-exporting也加进去了,当然这并不是不可以,

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

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

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

好啦,就是这么简单,之前是我想复杂了,所以自己也是蛋疼了好久,

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

转载于:https://my.oschina.net/codingBingo/blog/699335