angular中使用highcharts绘制图表

2017-01-10  本文已影响195人  Lusia_

highcharts的API文档很详细,网址https://www.hcharts.cn/

一、引入js文件

or/highcharts/highcharts.js"></script>`

二、html

<div id="container" style="min-width:400px;height:500px"></div>

三、js代码

接口返回数据:


Paste_Image.png

配置各个值:


Paste_Image.png Paste_Image.png

四、效果

Paste_Image.png

其他
legend: { enabled: false //关闭图例},

Paste_Image.png Paste_Image.png
上一篇下一篇

猜你喜欢

热点阅读