需要绘制如下图所示的启停图：
启停图
我在 echarts 中并没有找到能够直接使用的demo配置项，那么该如何处理呢？
用 D3.js 肯定能够完成这个工作，但是需要自己处理数据的时间线，例如时间放缩、可交互的图例、多个纵轴维度等，可能得做半天。
突然想到，echarts 提供了自定义图形渲染接口，能不能用来完成这个工作呢？
经过调研，果然是可以的。配置项 series 的type设置为 "custom", 同时配置 series.renderItem 方法， 告诉echarts该怎么渲染此图形即可。
用这个方法，很快就能完成启停图的开发。
echarts绘制条形图-添加总数 前言 本文的代码是基于react的。本文仅用于记录我在echarts绘制条形图...
动态修改仪表图的值
把echarts封装成组件后 在父组建中引用 如果动态绑定id 会导致在绘制echarts图的时候获取不到id 这...
以上市公司的调研数据为例，对echarts的关系图绘制和各属性进行解释;echarts3没有force了，而是把f...
一、图表变形 使用Echarts绘制图表时，可能会遇到变形的问题。如下图：【变形图】其原因是Echarts在初始化...
一、图表变形 使用Echarts绘制图表时，可能会遇到变形的问题。如下图：【变形图】其原因是Echarts在初始化...
关系图 何为关系图，从字面上可以看出，为关系的图形，既然为关系，那么就需要有点以及关系，用来表示点与点之间的联系。...
项目中需要绘制饼图，因此简单学习了下echarts的基本使用。head中引入js文件： body中： js ech...
echarts官方实例
绘制疫情地图 看到百度的每日新冠地图，就想着自己也可以利用echarts绘制一个，但是echarts绘制特定的数...
本文标题：Echarts 绘制启停图
本文链接：https://www.haomeiwen.com/subject/lemjpdtx.html
网友评论