echarts图一个坐标上两个点
时间: 2024-10-17 21:06:02 浏览: 25
在ECharts中,如果你想在一个坐标轴上绘制两个点,你可以创建一个简单的散点图(Scatter)。首先,你需要引入ECharts库,并在配置项中设置数据、系列类型和坐标系。以下是一个基本示例:
```javascript
// 引入ECharts库
import echarts from 'echarts';
// 创建图表实例
const myChart = echarts.init(document.getElementById('main'));
// 数据,这里假设有两个点的数据
const data = [
{ x: 0, y: 10 },
{ x: 5, y: 20 }
];
// 配置项
const option = {
// 设置图表大小
width: 600,
height: 400,
// 定义数据系列
series: [{
name: '两点', // 系列名称
type: 'scatter', // 图形类型 - 散点图
data: data, // 数据点
coordinateSystem: 'xyaxis', // 坐标系
symbol: ['circle', 'diamond'], // 不同形状表示两个点
symbolSize: [10, 20], // 不同尺寸增强视觉效果
}],
};
// 渲染图表
myChart.setOption(option);
```
在这个例子中,`x`轴代表第一个维度,`y`轴代表第二个维度,每个点由`{x: ..., y: ...}`的对象表示。`symbol`属性用于指定每个点的形状,`symbolSize`控制其大小。
阅读全文