Highcharts Standalone Framework 的使用方法

jQuery 目前用的最广泛,但是其体积过大(100K 以上),在移动端网络带宽有限的情况下,并不是最优选择,如果你的页面没有其他地方需要用到 jQuery,jQuery 仅仅用于 highcharts,这种情况可以考虑使用 Highcharts Standalone Framework ,Highcharts Standalone Framework 压缩后的大小只有 2k 哦。
 
下面是一个使用 Highcharts Standalone Framework 的实例代码
 
<html>
<body>
<div id="container"></div>
<script src="//cdn.hcharts.cn/highcharts/adapters/standalone-framework.js"></script>
<script src="//cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script>
var chart = new Highcharts.Chart({
chart: {
renderTo: 'contianer'
},
series: [{
name: 'series 1',
data: [10, 30 ,10 ,12]
}]
})
</script>
</body>
</html>

 
注意:用Highcharts Standalone Framework 只能通过 new Highcharts.Chart() 的形式初始化图表

0 个评论

要回复文章请先登录注册