多语言展示
当前在线:238今日阅读:84今日分享:32

为啥echarts例子显示和本地显示不一致

在调试echarts图表时发现,设置相同的代码,但是本地和网上实例的显示效果就是不一致。本文通过图文的形式一步一步来讲解原因。
工具/原料

echarts

方法/步骤
1

领导给了个echarts的例子,说是想要实现类似这样的功能,界面如下

2

有图有源码,这还不是很容易的事情?可是该代码放在本地显示的效果就是不一样。那我就用echarts自带的在线测试窗口试一试

3

打开echarts实例页面,随意选择一个例子。因为这里测试饼图,暂用环形饼图例子代替,选择其它也是一样的

4

默认显示如下

5

删除左侧所有测试代码,然后拷贝图一中左侧代码,并运行。发现显示的效果和实例中效果不一致同样的代码,为啥不一致?为此郁闷了许久。后来想到有可能是echarts版本不同。两个都是echarts在线实例,如果查看版本号呢?

6

echarts提供了版本号显示方法示例中的版本如下,可以看到版本是2.2.7

7

官方示例的版本如下,可以看到版本是4.2.1

推荐信息