以下是一些常用的数据视觉映射方式:
1. 颜色映射: 通过颜色的深浅、色调的变化来表示数据的大小、趋势等。
option = {
visualMap: {
min: 0,
max: 100,
inRange: {
color: ['#F5A623', '#F8E71C']
}
},
// ...
};
2. 大小映射: 通过图形的大小来表示数据的大小。
option = {
series: [{
type: 'scatter',
data: [
{ value: [10, 20, 30], symbolSize: 10 },
{ value: [20, 30, 40], symbolSize: 20 },
// ...
],
// ...
}],
// ...
};
3. 透明度映射: 通过透明度的变化来表示数据的密度、强度等。
option = {
series: [{
type: 'scatter',
data: [
{ value: [10, 20, 30], opacity: 0.5 },
{ value: [20, 30, 40], opacity: 0.8 },
// ...
],
// ...
}],
// ...
};
4. 符号映射: 通过不同的图形符号来表示不同的数据类型或特征。
option = {
series: [{
type: 'scatter',
data: [
{ value: [10, 20, 30], symbol: 'circle' },
{ value: [20, 30, 40], symbol: 'rect' },
// ...
],
// ...
}],
// ...
};
这只是一小部分视觉映射的例子,ECharts 提供了更多丰富的配置选项和映射方式,你可以根据具体的需求进行定制。详细的配置信息可以在 ECharts 的[官方文档](https://echarts.apache.org/zh/index.html)中找到。
转载请注明出处:http://www.zyzy.cn/article/detail/5065/ECharts