先來看一下效果圖 如下
其實實現(xiàn)起來也是很簡單的 我們打開AntV官網(wǎng)?https://antv.vision/zh 看自己需要實現(xiàn)哪種效果打開查看代碼即可 下面我就簡單描述一下我是如何實現(xiàn)的
1.首先安裝我們所需要用到的插件 yarn add?@antv/g2以及yarn add?@antv/data-set 本人比較喜歡使用yarn， 也可使用npm或cnpm安裝
2.我們引入安裝好的插件
3.接下來我們?nèi)ナ褂?可以先去寫一個函數(shù) 然后再componentDidMount中去調(diào)用 如下圖
? ? 4.把import下面所有代碼搬到我們所寫好的函數(shù)中去
5.修改代碼中的容器
? ? 到這里我們的效果就可以實現(xiàn)出來了苫费。
