常用的系列类型:
1. 折线图(Line):
series: [{
type: 'line',
data: [1, 2, 3, 4, 5]
}]
2. 柱状图(Bar):
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50]
}]
3. 散点图(Scatter):
series: [{
type: 'scatter',
data: [[10, 20], [20, 30], [30, 40], [40, 50]]
}]
4. 饼图(Pie):
series: [{
type: 'pie',
data: [{value: 10, name: 'A'}, {value: 20, name: 'B'}, {value: 30, name: 'C'}]
}]
5. 雷达图(Radar):
series: [{
type: 'radar',
data: [
{name: 'A', value: [90, 80, 70, 60, 50]},
{name: 'B', value: [80, 70, 60, 50, 40]}
]
}]
6. 热力图(Heatmap):
series: [{
type: 'heatmap',
data: [[0, 0, 10], [0, 1, 20], [1, 0, 30], [1, 1, 40]]
}]
7. 地图(Map):
series: [{
type: 'map',
map: 'world',
data: [{name: 'China', value: 100}, {name: 'USA', value: 200}]
}]
系列配置中的常见属性:
- type:系列类型,用于指定图表的展示方式,如 'line'、'bar'、'scatter' 等。
- data:系列的数据,可以是一个简单的数组,也可以是包含具体数据的对象数组。
- name:系列名称,用于在图例中显示。
- label:标签配置,用于配置数据标签的样式和显示方式。
- itemStyle:图形元素的样式配置,用于配置图表元素的颜色、边框等样式。
- symbol:图表中的标记点的形状,如 'circle'、'rect'、'triangle' 等。
- smooth:对于折线图,设置为 true 时表示使用平滑曲线。
- radius:对于饼图,设置半径。可以是一个固定的值或一个数组,用于表示内半径和外半径。
- mapType:对于地图系列,指定地图的类型,如 'china'、'world' 等。
以上仅是 series 组件的一些基本属性,具体的配置还会根据不同系列类型和具体需求而变化。你可以根据实际情况进一步查阅 ECharts 的官方文档,以获取更详细和全面的信息。
转载请注明出处:http://www.zyzy.cn/article/detail/5396/ECharts