文件 ：密码：xewx
官方文档教程地址：https://www.hcharts.cn/docs/basic-color
上手容易，api友好，尽管也有不尽人意的地方，但是它很适合我当前的项目，如果想要更好的效果，花点时间去研究一下echarts.js还是很好的。
代码：
//容器
<div id='main'></div>
//脚本
$("#main").highcharts({
chart: {
type: 'line'
},
credits: {
enabled: false // 禁用版权信息
},
title: {
text: "模拟的"
},
xAxis: {
categories: ['05-31','06-31','07-31','08-31','09-31','10-31']
},
yAxis: [{
lineWidth: ,
title: {
text: '收益（元）'
}
}, {
title: {
text: '收盘价（元）'
},
lineWidth: ,
opposite: true
}, {
title: {
text: '大盘'
},
lineWidth: ,
opposite: true
}],
series: [{
data: [,,,],
yAxis: ,
name: '大盘',
color: "#9B59B6"
}, {
data: [,,,],
yAxis: ,
name: '收盘价',
color: "#3498DB"
}, {
data: [,,,,,],
name: '收益（红盈利|绿亏损）',
color: "#E74C3C",
yAxis: ,
zones: [{
value: ,
color: '#2ECC71'
}]
}]
});
代码-柱状图，为了找修改颜色，我可是花了时间的。
//画图主桩
$('#zhu').highcharts({
chart: {
type: 'column',
},
title: {
text: '平均值'
},
xAxis: {
categories: [
'一月',
'二月',
'三月',
'四月',
'五月',
'六月',
'七月',
'八月',
'九月',
'十月',
'十一月',
'十二月'
],
crosshair: true
},
yAxis: {
min: ,
title: {
text: '量 (mm)'
}
},
plotOptions: {
column: {
colorByPoint:true
}
},
series: [{
name: '北京',
data: [
{
y:49.9,
color:"#ff0000"}]
}]
});