在调试echarts图表时发现,设置相同的代码,但是本地和网上实例的显示效果就是不缬方焱蜱一致。本文通过图文的形式一步一步来讲解原因。
工具/原料
echarts
方法/步骤
1、领导给了个echarts的例子,说是想要实现类似这样的功能,界面如下
2、有图有源码,这还不是很容易的事情?可是该代码放在本地显示的效果就是不一样。那我就用echarts自带的在线测试窗口试一试
3、打开echarts实例页面,随意选择一个例子。因为这里测试饼图,暂用环形饼图例子代替,选择其它也是一样的
4、默认显示如下
5、删浑睡蔽嗍除左侧所有测试代码,然后拷贝图一中左侧代码,并运行。发现显示的效果和实例中效果不一致同样的代码,为啥不一蓟瑰藿璐致?为此郁闷了许久。后来想到有可能是echarts版本不同。两个都是echarts在线实例,如果查看版本号呢?
6、echarts提供了版本号显示方法示例中的版本如下,可以看到版本是2.2.7
7、官方示例的版本如下,可以看到版本是4.2.1
8、所以下次发现显示不一致时,先检查下echarts的版本