动态的取出一组数据用echarts图表显示,希望在数据比较少的时候隐藏dataZoom滚动条,在数据比较多的时候又显示
应该如何做呢?
可以通过判断数据的数量,如果数据数量较少,就将dataZoom组件的enabled属性设置为false,如果数据数量较多,就将enabled属性设置为true。这样可以在数据数量变化时动态地控制dataZoom组件的显示和隐藏。
代码示例:
if (data.length <= 10) {
option.dataZoom.enabled = false;
} else {
option.dataZoom.enabled = true;
}
myChart.setOption(option);
其中data是图表所需的数据,option是ECharts图表的配置项,myChart是ECharts图表实例。
它那个配置项你就给它当一个普通的对象去看 然后你改根据你数据的长度改那个配置项里面的内容 你改了它自己会更新的
直接改options,
数据多的时候,修改option的dataZoom显示,然后使用clear()方法清空图表
使用setOption(option, true)更新图表
数据少的时候,设置option的dataZoom隐藏,然后使用clear()方法清空图表
使用setOption(option, true)更新图表
myChart.clear()
myChart.setOption(option, true)