echarts的series如何给一个点设置三个维度的数据
时间: 2024-03-03 21:50:12 浏览: 27
在Charts的series中,一个数据点通常只包含两个维度的数据,即横轴和纵轴上的数据。如果需要在一个数据点中设置三个维度的数据,可以使用ECharts中的标记(markPoint)组件来实现。
markPoint组件可以在图表中标注重要的数据信息,包括标记点,标记线等。可以使用标记点来为图表中的某个数据点添加额外的数据信息。
下面是一个示例代码,展示如何为一个数据点设置三个维度的数据:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [
{value: [820, 200, 0], name: 'Mon'},
{value: [932, 300, 0], name: 'Tue'},
{value: [901, 400, 0], name: 'Wed'},
{value: [934, 500, 0], name: 'Thu'},
{value: [1290, 600, 0], name: 'Fri'},
{value: [1330, 700, 0], name: 'Sat'},
{value: [1320, 800, 0], name: 'Sun'}
],
type: 'line',
markPoint: {
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'},
{type: 'average', name: '平均值'},
{value: [3, 700, 0], name: '自定义标记点'}
]
}
}]
};
```
在上面的代码中,我们通过在数据点的value属性中设置一个数组,来存储三个维度的数据。markPoint组件中的data属性中,通过设置type为"max"、"min"、"average"等,来标记图表中的最大值、最小值、平均值等,通过设置value属性来自定义标记点。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)