画图工具除了echarts我使用highcharts

文件 ：密码：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"}]
     }]
 });