v-charts修改點擊圖例事件，legendselectchanged

html:

<!--折線圖-->
<ve-line :extend="item.chartExtend"
         :data-zoom="dataZoom"
         :height="chartHeight"
         :legend="item.legend"
         :data="item"
         :events="chartEvents"
         :settings="isRateTypeData(item.id)?successRateSettings:chartSettings"></ve-line>


需要在v-charts圖表添加legend屬性

chartDataColumns.map(item => {
    console.log('chartDataColumns66',chartDataColumns)
    if(item !== 'TIME'){
        selectedObj[item] = true
    }
})
chartItem['legend'] = selectedObj// 如果點擊設置selected無效，則先去掉這行

this.chartEvents = {
    legendselectchanged: (item) => {
        let currSelectName = item.name
        let currChartItem = self.chartData[self.deleteIndex]
        let selectedObj = item.selected
        let selectedNum = 0
        for(let key in selectedObj){
            if(selectedObj[key]){ // selected對象內值為true
                selectedNum++
            }
            selectedObj[key] = false
        }
        if(selectedNum > 1){ // selectedNum > 1說明當前全部選中，此時點擊，只有當前的設為選中
            for(let key in selectedObj){
                selectedObj[key] = false
            }
            selectedObj[currSelectName] = true
        }else{ // 當前只有一個選中，點擊后，全部重置為選中
            for(let key in selectedObj){
                selectedObj[key] = true
            }
        }
        self.$set(currChartItem['legend'], 'selected', selectedObj)
    },

　　legendscroll: (params) => {// 選中圖例時，設置legend滾動頁碼,防止自動切回第一頁
    　　let legend = this.chartItemData['legend']
   　　 this.$set(legend, 'scrollDataIndex', params.scrollDataIndex)
　　},

}