请问有熟悉 echarts 的大佬吗？请大佬喝奶茶

[zephyr1]

小弟想实现如下效果，自己尝试过很多方法都不能完美实现，请问有大佬熟悉 echarts 并且能实现如下效果的吗？小弟感激不尽，请大佬喝冬天的第一杯奶茶。

1. x 轴不等间距分布，数据是音频的频率，例如[20,100,1000,10000,20000]hz
2. x 轴每个刻度标签内还需要画线

效果如图或链接： https://www.woodenears.com/article/f779fba2-462e-4842-9824-680b26882028

[zephyr1]

x 最好是用数值轴实现，是否有奇淫技巧可以做到？

[leeyuzhe]

让后端处理好然后按分类渲染就是了。echats 本身我不懂，因为我是后端

[zephyr1]

@leeyuzhe 嗯嗯 这个只能前端处理的

[LykorisR]

数值轴没办法设置 splitLine 是否显示的，只能是用类目轴

[matepi]

我记得 echarts 底层可以自己画线和文本标记的，就是多写点 js

[SakuraKuma]

```js
option = {
xAxis: {
type: 'log',
min: 20,
max: 2e4
},
yAxis: {
type: 'value'
},
series: [
{
data: [[20, 150], [100, 230], [1000, 224], [1500, 218], [20000, 260]],
type: 'line'
}
]
};
```

data 自己换就好了.

[pigspy]

1 ，只用 split 应该是没法做的，echart 好像没办法完全自定义分割线，但是你可以尝试用 xAxis.axisTick 来看看能不能做到类似效果
2 ，没理解

[pelloz]

你这个页面的图表就是用 echart 做的啊，你调试一下别人的代码不就不知道怎么做了。

[leokun]

点两下就抓到了，自己看吧：
https://codesandbox.io/s/exciting-vaughan-3yrvfm?file=/src/index.js