关于echarts 画人口结构图的问题

Question

ui给出的设计图如下：自己实现的效果请问那个虚线和空格需要怎么实现呢？找文档没找到，示例也没这种的，请问各位，谢谢

Answer 1

这种简单无复杂交互的图用html+css做就可以了

如果坚持要用echarts做的话，轴线可以设置yAxis的axisTick

yAxis: {

    type : 'category',

    data : ['0-9岁','......'],

    axisTick: {

        show: true,

        alignWithLabel: true,

        length: 300,

        lineStyle: {

            type: 'dashed'

        }

    }

}

具体可以看文档： axisTick

如果你的图表需要响应式布局，这样可能不太好控制length属性，你可以试试设置splitLine，属性差不多

至于中间的间隙怎么实现，这个可以弄两个x轴，然后给一个偏移