echarts的series的coordinateSystem可以有哪几个属性
时间: 2024-06-09 12:09:26 浏览: 9
在 ECharts 中,`series` 的 `coordinateSystem` 属性可以用于指定该系列数据所采用的坐标系类型。常见的坐标系类型包括:
- `cartesian2d`:二维直角坐标系,用于绘制折线图、散点图、柱状图等。
- `polar`:极坐标系,用于绘制饼图、雷达图、玫瑰图等。
- `geo`:地理坐标系,用于绘制地图。
- `calendar`:日历坐标系,用于绘制日历图。
还有一些其他的坐标系类型,比如 `parallel`(平行坐标系)和 `sankey`(桑基图坐标系)。具体可以参考官方文档:https://echarts.apache.org/zh/option.html#series-line.coordinateSystem。
相关问题
echarts地图coordinateSystem
在ECharts地图中,可以通过设置series中的coordinateSystem参数来指定坐标系统。可以使用三种方式来设置coordinateSystem:bmap、geo和registerMap手动注册的地图名称。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [EChart中使用地图方式总结](https://blog.csdn.net/shaxiaozilove/article/details/79274772)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
echarts的series的coordinateSystem能配置hwmap吗
是的,ECharts提供了对hwmap的支持,可以通过将`series`的`coordinateSystem`属性设置为`'hwmap'`来使用。在使用hwmap时,还需要设置`geoIndex`属性来指定使用哪个地理组件。例如:
```
option = {
series: [{
type: 'scatter',
coordinateSystem: 'hwmap',
data: [[120, 30, 1], [121, 31, 1]],
symbolSize: 10
}],
hwmap: {
center: [116.39, 39.9],
zoom: 9,
roam: true,
mapStyle: {
styleJson: [{
featureType: 'water',
elementType: 'all',
stylers: {
color: '#d1d1d1'
}
}, {
featureType: 'land',
elementType: 'all',
stylers: {
color: '#f3f3f3'
}
}]
}
},
geo: {
map: 'china',
geoIndex: 0
}
};
```
在上面的例子中,`series`中的散点图使用了hwmap作为坐标系,`geoIndex`设置为0表示使用`geo`组件中的第一个地理组件(即中国地图),`hwmap`中的其他属性则可以用来配置地图的中心、缩放等。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)