echarts 如何实现如下效果

[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'],
        },
      ],
}

[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]
]
}
]
};
```

[zficode]

@bladey nice