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代码
接口返回数据:
![](https://img.haomeiwen.com/i2452733/0c0a386bb802def3.png)
配置各个值:
![](https://img.haomeiwen.com/i2452733/1809d07eccc60ba8.png)
![](https://img.haomeiwen.com/i2452733/72424695d357409a.png)
四、效果
![](https://img.haomeiwen.com/i2452733/4ccd0eae0e332b8a.png)
其他
legend: { enabled: false //关闭图例},
![](https://img.haomeiwen.com/i2452733/d13eb15527355e76.png)
![](https://img.haomeiwen.com/i2452733/ff33eb094a0a27e3.png)