原因不是很清楚埠对,但是我的解決思路是這樣的:
我們現(xiàn)在都知道讓線圖默認(rèn)自然展示情況下不顯示symbol 是通過(guò)將showSymbol 值賦值為false啥繁,但是這種時(shí)候看政,如果我們通過(guò)setOtion 方法設(shè)置x軸選中標(biāo)簽高亮?xí)r凯楔,symbol 顯示就會(huì)失效哪审,于是我想通過(guò)其它辦法來(lái)實(shí)現(xiàn)相同的顯示效果饶深,那就是
將showSymbol屬性值改為true(這個(gè)點(diǎn)很關(guān)鍵)餐曹,也就是從始至終都讓線圖有symbol 的展示,只是先將symbolSize值設(shè)置成和線的粗細(xì)一樣的大小敌厘,這樣就看不出來(lái)它的存在台猴,在選中某一項(xiàng)時(shí),再通過(guò)emphasis 高亮設(shè)置的屬性放大symbol以達(dá)到顯示出來(lái)的效果俱两,樣式修改也是同理卿吐,如果需要邊框,那就默認(rèn)邊框無(wú)色锋华,高亮?xí)r再通過(guò)itemStyle 給邊框顏色嗡官,具體核心代碼如下:
series:[{
…symbol:“circle”, showSymbol:true,? symbolize:4,itemStyle: { color: “#33A5FA”, lineStyle: { width: 4, color: “#33A5FA”}}, …
emphasis: { scale:? 3.75, itemStyle: { border color: “#fff”毯焕,borderWidth:? 3, color: “#33A5FA” } }
}]
這樣寫有兩個(gè)注意事項(xiàng):
1.echarts版本
寫完可能發(fā)展這樣并不好用衍腥,那就要檢查一下echarts版本,官網(wǎng)上說(shuō)明了高亮中scale屬性允許使用數(shù)字格式的版本纳猫,低版本會(huì)導(dǎo)致數(shù)值不生效婆咸,只支持布爾值
2.延時(shí)器
版本也給了還是不生效,那就要想一下有可能是什么原因?qū)е碌奈咴驗(yàn)槲疫@個(gè)項(xiàng)目的圖是帶有動(dòng)畫渲染的尚骄,會(huì)有三秒左右的繪制時(shí)間,首次進(jìn)入頁(yè)面不生效侵续,但是如果做了修改保存后倔丈,樣式就生效了憨闰,所以我懷疑是因?yàn)殇秩舅俣鹊膯?wèn)題,可能是一開始這個(gè)初始化的圖還沒(méi)有渲染好就被我后面的setOption 打斷了或者是怎么樣需五,于是我給修改x高亮的方法放在了定時(shí)器里面鹉动,加了個(gè)五秒的延時(shí),果然就好了宏邮,這個(gè)時(shí)間就按著各自實(shí)際情況給