highcharts總會用到的一些小功能(一)

由於手頭上的一個項目要用到動態渲染圖表,因此就去學了一下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>

好啦,就是這麼簡單,以前是我想複雜了,因此本身也是蛋疼了很久,

那麼今天暫時就整理到這裏啦