1. 要實(shí)現(xiàn)如下的效果
bar chart
后面詳情的部分不知道該如何實(shí)現(xiàn)到issue里提問
這種條形圖 怎么配置?
按照提示操作應(yīng)該選擇html annotations,但是ant-design-charts文檔不友好 只好翻看g2plot文檔误阻,借助圖形標(biāo)注展示總計(jì) label annotations position很重要 我這里需要每行的詳情標(biāo)簽都顯示在最右邊,則取里面的最大值去設(shè)置annotations position寻定,但是設(shè)置html annotation 內(nèi)存會(huì)溢出
{
html:<div>xxx</div>
}
查閱issue How to show ant design icon inside an annotation of type html? 需要借助ReactDOM渲染dom,但是annotation會(huì)變形 不能完全展示精耐,查閱issue則需要設(shè)置padding。
最外層的padding一開始以為四個(gè)值都要設(shè)置卦停,
padding: [0, 100,0,0]
這樣左邊的坐標(biāo)標(biāo)簽就沒了惊完,可以只設(shè)置兩個(gè)值,實(shí)現(xiàn)右側(cè)有空余拇派,坐標(biāo)標(biāo)簽不被隱藏
padding: [0, 100]
實(shí)現(xiàn)下來真可謂一波三折