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

ui给出的设计图如下:

clipboard.png

自己实现的效果

clipboard.png

请问那个虚线
clipboard.png

和空格

clipboard.png

需要怎么实现呢?
找文档没找到,示例也没这种的,
请问各位,谢谢

阅读 3.4k
2 个回答

这种简单无复杂交互的图用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轴,然后给一个偏移

新手上路,请多包涵

你好请问你这个图链接地址还能找到吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题