echarts怎么写折线图 (echart使用自定义的图片)

首先放一张图,是官方的demo。

echarts怎么设定柱状图叠加,echarts怎么写折线图

所有的数据都可以自定义。但是有个open Close Lowest Highest,是在文档里找不到自定义的方法的。

echarts怎么设定柱状图叠加,echarts怎么写折线图

在网上找了很多文章,都没有介绍。于是就在这里记录一下。

第一步

不管 Vue React 的原理都是一样的

第二步

首先进入 node_modules 目录

第三步

找到 echarts 文件夹进入

第四步

然后找到 lib 文件夹进入

第五步

然后找到 chart 目录进入

第六步

最后进入 candlestick 目录

第七步

找到 CandlestickSeries.js 文件

第八步

找到标记点,修改成你想要的内容。

echarts怎么设定柱状图叠加,echarts怎么写折线图

第九步

进入package.json

echarts怎么设定柱状图叠加,echarts怎么写折线图

看看你的版本和我的版本是否一致。如果不一致。那么可能这个方法就不适合你。你需要理解我的思路。然后自己去想办法。

附上效果图

echarts怎么设定柱状图叠加,echarts怎么写折线图

最后一步

如果帮到你,请给我点赞转发评论。