Echarts在线免费图表

 
            
var data = [
    [0, 220],
    [1, 182],
    [2, 191],
    [3, 234],
    [4, 290],
    [5, 330],
    [6, 310],
    [7, 123],
    [8, 442],
    [9, 121],
    [10, 123]
];
option = {
    xAxis: {
        type: 'value'
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        type: 'line',
        data: data
    }],
    dataZoom: [
        {
            type: 'slider',    // 使用滑动条来控制
            showDataShadow: true, // 是否显示数据阴影
            start: 0,  // 起始位置
            end: 50  // 结束位置
        },
        {
            type: 'inside',   // 使用内置的区域缩放控制
            start: 0,
            end: 2
        }
    ]
};