获得徽章 0
赞了这篇文章
赞了这篇文章
![[猪头]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_100.6adf5c8.png)
JYM，遇到个echart问题，求帮忙~
第一张图是使用echart的line图画出来的类似甘特图组件，其中的yAxis.type设置了category类型，xAxis.type也是category类型，出问题了；当series.data有数据是null或者是undefined的时候，正常情况下是不画这部分区域的，因为两个轴都设置了category，只要series.data长度和xAxis.data的长度一致时就会画满当前行，又没办法过滤掉null值，因为这些值可能出现在任意位置上；用甘特图写的话不好处理每一个日期的tooltip效果，所以用了echart；将yAxis改成value类型的话Y轴样式又控制不了，包括splitNumber分割长度和显示位置，如图2，3是改成value的效果
测试配置链接
codesandbox.io
第一张图是使用echart的line图画出来的类似甘特图组件，其中的yAxis.type设置了category类型，xAxis.type也是category类型，出问题了；当series.data有数据是null或者是undefined的时候，正常情况下是不画这部分区域的，因为两个轴都设置了category，只要series.data长度和xAxis.data的长度一致时就会画满当前行，又没办法过滤掉null值，因为这些值可能出现在任意位置上；用甘特图写的话不好处理每一个日期的tooltip效果，所以用了echart；将yAxis改成value类型的话Y轴样式又控制不了，包括splitNumber分割长度和显示位置，如图2，3是改成value的效果
测试配置链接
codesandbox.io
展开
评论
点赞
赞了这篇文章
JYM，有什么甘特图组件能支持一个任务有多个不同的开始结束时间，展示在同一行，比如Project#1中有除了图片一条数据，4月9日-4月12日也有数据，每个不同的时间范围用不同的颜色区分
8
2
赞了这篇文章
赞了这篇沸点
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
赞了这篇文章
赞了这篇文章
