CSDN开源夏令营百度数据可视化实践ECharts（8）问题分析

问题就是折线图上的点是显示的，有人问能不能一开始不显示，当你点击的时候或者是当鼠标移动到上面的时候，折线上的点才显示？

如下图所示：

分析：让折线上的点不显示可以让symbol属性为"none"。考虑到当点击的时候让折线上的点显示出来，那么可以再on事件中重新加载option事件。当click到折线关键点时候可以重新加载数据中symbol属性，设置成你想要的形状，并且一定要重新加载setOption事件。

option = {
    tooltip : {
        trigger: &＃39;item&＃39;
    },
    legend: {
        data:[&＃39;最高&＃39;,&＃39;最低&＃39;]
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {readOnly:false},
            magicType : {show: true, type: [&＃39;line&＃39;, &＃39;bar&＃39;, &＃39;stack&＃39;, &＃39;tiled&＃39;]},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    dataZoom : {
        show : true,
        realtime : true,
        start : 40,
        end : 60
    },
    xAxis : [
        {
            type : &＃39;category&＃39;,
            boundaryGap : true,
            data : function (){
                var list = [];
                for (var i = 1; i <= 30; i++) {
                    list.push(&＃39;2013-03-&＃39; + i);
                }
                return list;
            }()
        }
    ],
    yAxis : [
        {
            type : &＃39;value&＃39;
        }
    ],
    series : [
        {
            name:&＃39;最高&＃39;,
            type:&＃39;line&＃39;,
            data:function (){
                var list = [];
                for (var i = 1; i <= 30; i++) {
                  list.push({value:Math.round(Math.random()* 30) + 30,symbol:&＃39;none&＃39;});
                }
                return list;
            }()
        },
        {
            name:&＃39;最低&＃39;,
            type:&＃39;bar&＃39;,
            data:function (){
                var list = [];
                for (var i = 1; i <= 30; i++) {
                    list.push(Math.round(Math.random()* 10));
                }
                return list;
            }()
        }
    ]
};
var ecCOnfig= require(&＃39;echarts/config&＃39;);
myChart.on(ecConfig.EVENT.CLICK, function(params){
	option.series[params.seriesIndex].data[params.dataIndex].symbol=&＃39;star&＃39;
	myChart.setOption(option);
});