title: Echart graphic not show all data when open page
body: <p>I would like to show data on graphic chart. I am using Echarts graphics but when open the page all the data shown at beginning. Can you help me to show only 2016 active when open the page and other years deactive, when visitors click that data can appear.</p>
  
  <p>Here is my ECharts option:</p>
  
  <pre><code>var myChart = echarts.init(document.getElementById('bar-chart'));
  option = {
    tooltip: {
      trigger: 'axis'
    },
    legend: {
      data:['2016', '2017', '2018', '2019']
    },
    toolbox: {
      show: true,
      feature: {
        magicType: { show: true, type: ['line', 'bar'] },
        restore: { show: true },
        saveAsImage: { show: true }
      }
    },
    color: ["#55ce63", "#009efb", "#b20202", "#a8b202"],
    calculable: true,
    xAxis: [
      {
        type: 'category',
        data: [  
         'Jan','Feb','Mar',
         'Apr','May','Jun',
         'Jul','Aug','Sep',
         'Oct','Nov','Dec'
        ]
      }
    ],
    yAxis: [
      {
        type : 'value'
      }
    ],
    series: [
      {
        name: '2016',
        type: 'line',
        data: [...],
        markPoint: {...},
        markLine: {...}
      },{
        name: '2017',
        type: 'line',
        data: [...],
        markPoint: {...},
        markLine: {...}
      },{
        name: '2018',
        type: 'line',
        data: [...],
        markPoint: {...},
        markLine: {...}
      },{
        name: '2019',
        type: 'line',
        data: [...],
        markPoint: {...},
        markLine: {...}
      }
    ]
  };
  </code></pre>