Echarts在线免费图表

 
            var colors = ['#5793f3', '#d14a61', '#675bba'];

var myJson = {
    "title": "图表名称",
    "xAxisData": [
        ["2000", "2001", "2002", "2003", "2004", "2005", "2006", "2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016"]
    ],
         "yAxisName":["下载量"],
    "series": [{
        "name": "下载量",
        "data": [209, 236, 325, 439, 507, 576, 722, 879, 938, 1364, 1806, 1851, 1931, 2198, 2349, 2460, 2735]
    }]
}

option = {
    color: colors,
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
        }
    },
    legend: {
        data: [myJson.yAxisName[0]]
    },

    xAxis: [{
        axisTick: {
            alignWithLabel: true //X轴lable和刻度居中对其
        },
        data: myJson.xAxisData[0]
    }],
    yAxis: {
        type: 'value',
        name: myJson.yAxisName[0],
        position: 'left'
    },
    series: [{
        type: 'line',
        symbol: 'diamond',
        itemStyle : { normal: {label : {show: true,formatter:'{c}'}}},
        name: myJson.series[0].name,
        data: myJson.series[0].data
    }]
};