場景和問題:點擊事件觸發(fā)不了楞慈,或需要觸發(fā)2次才能切換成功圖表
1.拿到chart的ref
const [chartInfo,setChartInfo] = useState[null]
<ReactEcharts ref={(e) => setChartInfo(e)} option={option}></ReactEcharts>
2. 在你的點擊事件里做操作
const onChangeChart = (e) => {
if (e.target.value === '1') {
const optOne = {‘你的echart配置’}
chartInfo.getEchartsInstance().setOption(optOne);
} else {
const optTwo = {‘你的echart配置’}
chartInfo.getEchartsInstance().setOption(optTwo);
}
}
reactCharts動態(tài)切換圖表讲仰,數(shù)據(jù)不更新的問題
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來钞啸,“玉大人几蜻,你說我怎么就攤上這事√逭叮” “怎么了梭稚?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長絮吵。 經(jīng)常有香客問我弧烤,道長,這世上最難降的妖魔是什么蹬敲? 我笑而不...
- 正文 為了忘掉前任暇昂,我火速辦了婚禮莺戒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘急波。我一直安慰自己从铲,他們只是感情好,可當我...
- 文/花漫 我一把揭開白布幔崖。 她就那樣靜靜地躺著食店,像睡著了一般渣淤。 火紅的嫁衣襯著肌膚如雪赏寇。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼碎乃,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了惠奸?” 一聲冷哼從身側(cè)響起梅誓,我...
- 正文 年R本政府宣布培愁,位于F島的核電站著摔,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏定续。R本人自食惡果不足惜谍咆,卻給世界環(huán)境...
- 文/蒙蒙 一禾锤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧摹察,春花似錦恩掷、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至克滴,卻和暖如春逼争,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背劝赔。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 場景 兩個按鈕,點擊按鈕A予借,彈出彈窗越平,在彈窗的彈出回調(diào)中根據(jù)按鈕功能請求數(shù)據(jù),然后獲取彈窗中的echarts容器蕾羊,...
- 設置notMerge屬性為true charts.setOption(option, notMerge, lazy...
- 在工作中喧笔,經(jīng)常會遇到關(guān)于Excel圖表制作問題,但是龟再,普通的圖表只能根據(jù)選中的關(guān)聯(lián)數(shù)據(jù)進行圖表的更新书闸,但是當數(shù)據(jù)不...
- 在做響應式頁面的時候,往往需要考慮更多尺寸設備的界面兼容性利凑,一般不能寫死像素浆劲,以便能夠使得界面元素能夠根據(jù)設備的不...