一、关于Echarts图形的基本设置都是在 option中完成的,具体的配置可以参考官网链接:
1、注意关键词:emphasis,表示的是高亮的样式,就是当鼠标悬浮在图形元素上是,会出现点亮的效果
2、loading动画:如果数据加载的时候需要较长的时间,我们就需要在开始的位置加上一个动画更形象,当数据加载
之前我们会调用 showLoading 方法显示,数据来了之后就调用 hideLoading 方法隐藏,代码使用如下:
myChart.showLoading();
$.get('data.json').done(function (data) {
myChart.hideLoading();
myChart.setOption(...);
});
使用规则,首先myChart.showLoading();这个是放在界面配置完之后再放入,也就是需要放在option之后,在myChart.setOption(...);的前面进行调用 hideLoading ,这样就完成了,借助官网栗子,开始如图: