[angular] - angular中使用highcharts绘制图表

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

一、引入js文件

or/highcharts/highcharts.js">`

二、html

三、js代码

接口返回数据:


[angular] - angular中使用highcharts绘制图表_第1张图片
Paste_Image.png

配置各个值:


[angular] - angular中使用highcharts绘制图表_第2张图片
Paste_Image.png
[angular] - angular中使用highcharts绘制图表_第3张图片
Paste_Image.png

四、效果

[angular] - angular中使用highcharts绘制图表_第4张图片
Paste_Image.png

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

[angular] - angular中使用highcharts绘制图表_第5张图片
Paste_Image.png
[angular] - angular中使用highcharts绘制图表_第6张图片
Paste_Image.png

你可能感兴趣的:([angular] - angular中使用highcharts绘制图表)