ECharts画分类甘特图WionWan- | ImapBox

ECharts画分类甘特图WionWan-

06 六月
星期六, 06 六月 2020 19:50 Last Updated on 星期六, 06 六月 2020 19:50 0 Comments

  • 项目最近做任务排产，需要绘画甘特图，并且每两份一组，做了一个JQuery快速做了POC，实现了大部分功能，后来持续开发，做到了划定当前时间，任务多了后固定左侧列和顶部坐标轴行等等。
  • 博客的话就简单的一下做的POC吧。实现的初步效果如下
    ECharts画分类甘特图WionWan-

分析：

  • 左侧的轴样式美观程度比较高，且需要分组，分类，我初次尝试echarts分组，样式自定义程度不好，距离还得xy算偏移量
  • 左侧使用css 右侧使用echarts，则会出现图表和css自定义的样式行对不上等等，分类随时还需要空一行
  • 每个不同的生产内容颜色区块，需要对齐时间
    …等等

实现：

  • 先画左侧的样式，固定好行高
  • echarts.graphic.clipRectByRect 自定义左侧ECharts
  • 自定义categories中的一组数据为blank，则表示要空一行数据
  • 采用时间坐标

源码

https://github.com/WionWan/GanttChart

  • ECharts画分类甘特图WionWan- ECharts画分类甘特图WionWan-
  • ECharts画分类甘特图WionWan- 评论
  • ECharts画分类甘特图WionWan-
    x

    海报

    扫一扫，海报

  • ECharts画分类甘特图WionWan- ECharts画分类甘特图WionWan-
  • ECharts画分类甘特图WionWan- 手机看

    到微信朋友圈

    x

    扫一扫，手机阅读

  • ECharts画分类甘特图WionWan-打赏

    打赏

    ECharts画分类甘特图WionWan-

    WionWan

    “你的鼓励将是我创作的最大动力”

    5C币 10C币 20C币 50C币 100C币 200C币

ECharts画分类甘特图WionWan-



 
 
 
 


本页所有内容来自官方网站 https://www.imapbox.com 新闻来源：互联网搜索引擎和新闻站

本网页所有图片由 ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片，下载并得到。

ImageBox 图片批量下载器 工具地址: 网页图片批量下载工具-最新版本下载

非凡下载站地址：https://www.crsky.com/soft/35838.html

本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。

ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载

本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.




文章目录

  • 全球报导 (16311)
  • 全球云计算 (29506)
  • 程序员专区 (1974)
  • Imap 全球通用标准协议 (7)
  • 全球邮局列表 (17)
  • Imapbox 系列软件 (3)
  • 产品一览 (6)
  • 事业方向 (7)
  • 联系我们 (2)

官方链接

imapbox邮箱网盘 imapbox 海外官网 iMapBox百度百科

登录