echarts柱状图只展示指定数据
时间: 2023-08-24 10:08:06 浏览: 157
如果你只想在 echarts 柱状图中展示指定的数据,可以通过设置数据源的方式来实现。
首先,你需要创建一个包含所有数据的数组,并使用数据过滤器函数来筛选出需要展示的数据。例如,如果你只想展示数值大于 10 的数据,可以这样做:
```js
var data = [
{ name: 'A', value: 5 },
{ name: 'B', value: 12 },
{ name: 'C', value: 8 },
{ name: 'D', value: 15 },
{ name: 'E', value: 6 },
];
var filteredData = data.filter(function(item) {
return item.value > 10;
});
```
接下来,你需要在 echarts 的数据项中指定使用筛选后的数据。例如,如果你通过 x 轴类目展示数据,可以这样设置数据项:
```js
option = {
xAxis: {
type: 'category',
data: filteredData.map(function(item) {
return item.name;
}),
},
yAxis: {
type: 'value',
},
series: {
type: 'bar',
data: filteredData.map(function(item) {
return item.value;
}),
},
};
```
这样设置后,echarts 将只展示数值大于 10 的数据,并忽略其他数据。
阅读全文