echarts 如何实现如下效果

查看 68|回复 4
作者:zficode   
现在我有一个折线图,如何可以让点位于两个坐标中间呢?相当于整个折线图向右平移半格

我的 options:
{
xAxis: [
        {
          type: 'category',
          splitLine: {
            // 网格线
            lineStyle: {
              // 设置网格线类型 dotted:虚线   solid:实线
              type: 'dashed',
            },
            show: true,
          },
          axisLine: {
            show: true,
            lineStyle: {
              color: '#d8d8d8',
            },
          },
          axisLabel: {
            lineStyle: {
              color: '#8c8c8c',
            },
          },
          boundaryGap: false,
          // min: 0,
          // max: 24,
          data: ['0', '4', '8', '12', '16', '20', '24'],
        },
      ],
}

linestyle, 折线, type, color

learninining   
https://www.makeapie.cn/echarts 看看这上面有没有类似你要找的效果
Cooooooode   
boundaryGap ?
bladey   
option = {
xAxis: [{
type: "value",
min:0,
max:24,
interval: 4,
}],
yAxis: [{
type: "value"
}],
series: [{
name: "",
type: "line",
data: [[2, 10], [6,52]]
}]
}
x 轴设置成 value 类型,并按你的数据集强制设置 interval ;
series 中 data 改为坐标的形式的二维数组[[x,y], ...],x 与 x 轴对应,y 是 line 对应的值
bladey   
@bladey #3 试试支持代码片段不
```js
option = {
xAxis: [{ type: 'value', min: 0, max: 24, interval: 4 }],
yAxis: [{ type: 'value' }],
series: [
{
name: '',
type: 'line',
data: [
[2, 10],
[6, 52]
]
}
]
};
```
您需要登录后才可以回帖 登录 | 立即注册

返回顶部