BizCharts 分类图例 受控模式, 请问哪个属性是value?

dwthyt8l  于 4个月前  发布在  其他
关注(0)|答案(1)|浏览(42)

BizCharts Version: 4.x
Platform: chrome
Mini Showcase(like screenshots):
forck and create a demo: https://bizcharts.net/product/BizCharts4/demo/306

const [uncheckedLegend, setUncheckedLegend] = useState<string[]>([])

  <Legend
              name="country"
              filter={(country) => {
                return !uncheckedLegend.includes(country)
              }}
          
              onChange={(e: any) => {
                console.log('e.item', e.item) // unchecked -> true/false 切换,✅

                const unchecked = e.item.unchecked
// 总是true ❌, 我怀疑是onChange之后, bizcharts内部修改了e.item, 进一步推测 filter 不是受控模式的value,或者这个Legend压根不支持受控模式
                console.log('unchecked', unchecked) 
                console.log('value', e.item.value)

                if (unchecked) {
                  setUncheckedLegend((prev) => [...prev, e.item.value])
                } else {
                  setUncheckedLegend((prev) => prev.filter((str) => str !== e.item.value))
                }
              }}
            />
mlmc2os5

mlmc2os51#

原始需求: 切换xField或者yField时,保留zField,
解决办法: LineChart 换成 就行

相关问题