highcharts总会用到的一些小功能(一)
博客专区 > i5--lou 的博客 > 博客详情
highcharts总会用到的一些小功能(一)
i5--lou 发表于2年前
highcharts总会用到的一些小功能(一)
  • 发表于 2年前
  • 阅读 55
  • 收藏 1
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

摘要: 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>

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

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

标签: highcharts
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 19
博文 71
码字总数 33811
×
i5--lou
记录的就是我的一些日常工作,只是希望对自己有个交代
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: