画图工具除了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: 1,
        title: {
            text: '收益（元）'
        }
    }, {
        title: {
            text: '收盘价（元）'
        },
        lineWidth: 1,
        opposite: true
    }, {
        title: {
            text: '大盘'
        },
        lineWidth: 1,
        opposite: true
    }],
    series: [{
        data: [10,20,15,33],
        yAxis: 2,
        name: '大盘',
        color: "#9B59B6"
    }, {
        data: [10,25,30,53],
        yAxis: 1,
        name: '收盘价',
        color: "#3498DB"
    }, {
        data: [10,20,15,33,66,78],
        name: '收益（红盈利|绿亏损）',
        color: "#E74C3C",
        yAxis: 0,
        zones: [{
            value: 0,
            color: '#2ECC71'
        }]
    }]
});

代码-柱状图，为了找修改颜色，我可是花了时间的。

//画图主桩
$('#zhu').highcharts({
    chart: {
        type: 'column',
    },
    title: {
        text: '平均值'
    },
    xAxis: {
        categories: [
            '一月',
            '二月',
            '三月',
            '四月',
            '五月',
            '六月',
            '七月',
            '八月',
            '九月',
            '十月',
            '十一月',
            '十二月'
        ],
        crosshair: true
    },
    yAxis: {
        min: 0,
        title: {
            text: '量 (mm)'
        }
    },
    plotOptions: {
        column: {
            colorByPoint:true
        }
    },
    series: [{
        name: '北京',
        data: [
            {
                y:49.9,
                color:"#ff0000"}]
    }]
});