Echarts在线免费图表

 
            const data = [
    { name: '南京', value: 18 },
    { name: '无锡', value: 13 },
    { name: '徐州', value: 12 },
    { name: '常州', value: 13 },
    { name: '苏州', value: 15 },
    { name: '南通', value: 14 },
    { name: '连云港', value: 11 },
    { name: '淮安', value: 14 },
    { name: '盐城', value: 16 },
    { name: '扬州', value: 17 },
    { name: '镇江', value: 15 },
    { name: '泰州', value: 13 },
    { name: '宿迁', value: 11 },
];
option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
         "axisLabel":{
 interval: 0
 },
        data: data.map(i => i.name)
    },
    yAxis: {
        name: '监测数（次）',
        type: 'value'
    },
    series: [
        {
            data: data.map(i => i.value),
            type: 'bar',
                  barMaxWidth: '10',
            itemStyle: {
                color: '#06a89e',
            }
        }
    ]
};