如何在angular中使用highcharts？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
业务包括：企业网站建设、移动网站建设、商城网站制作、网站营销推广等服务，并且涵盖域名与空间、雅安服务器托管、云服务器、等互联网基础服务；创新互联公司联建站以互联网的创新理念，成熟完善的建站体系，开拓进取的精神，专业的解决方案和顾问咨询服务，帮助客户在互联网时代提升形象、把握商机、实现价值，提高企业的核心竞争力。
安装依赖
npm install highcharts-ng --save
引入依赖
'highcharts/highcharts.src.js',
'highcharts-ng/dist/highcharts-ng.min.js'
注入依赖
var myapp = angular.module('myapp', ["highcharts-ng"]);实例
// html
// js
$scope.chartConfig = {
title: {
text: '哈哈哈',
x: -20
},
subtitle: {
text: 'Click and drag to zoom in.',
x: -20
},
xAxis: {
categories: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
},
yAxis: {
title: {
text: '温度 (°C)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: '°C'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: '东京',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: '纽约',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
}, {
name: '柏林',
data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
}, {
name: '伦敦',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
};
结果
Highcharts 基本组成
看完上述内容，你们掌握 如何在angular中使用highcharts的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
分享文章：如何在angular中使用highcharts
链接URL：
http://kswjz.com/article/gddddo.html
