项目需求:需要做成百分比的进度条,如下所示:
用过echarts的朋友们都知道官网上给的example大多都是最普通的柱状图,所以针对这种需求我们需要给柱状图进行参数的配置
首先对于react用户的第一步骤
npm
第二步骤:引入模块和组件
import
注意:因为我的是在react项目中使用的,用npm安装的是ReactEcharts,如果不是安装这个的,只参考项目的option部分,如果想要安装这个,具体教程请翻看我的之前的文章
下面值贴出项目的option部分属性
修改柱状图的颜色: color:"#f00"放在series-itemStyle-nomal中
去除x,y轴的轴线: show : false 放在xAxis和yAxis中
两个柱子重叠: barGap:"-100%" 放在series数组的最后一个对象中
修改整个图的位置 grid:top/bottom/left/right自行设置
getBarOption