Echarts基本入门(一)

一、关于Echarts图形的基本设置都是在 option中完成的,具体的配置可以参考官网链接:

https://www.echartsjs.com/zh/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E6%A0%B7%E5%BC%8F%E7%AE%80%E4%BB%8B

1、注意关键词:emphasis,表示的是高亮的样式,就是当鼠标悬浮在图形元素上是,会出现点亮的效果

2、loading动画:如果数据加载的时候需要较长的时间,我们就需要在开始的位置加上一个动画更形象,当数据加载

之前我们会调用 showLoading 方法显示,数据来了之后就调用 hideLoading 方法隐藏,代码使用如下:

myChart.showLoading();
$.get('data.json').done(function (data) {
    myChart.hideLoading();
    myChart.setOption(...);
});

使用规则,首先myChart.showLoading();这个是放在界面配置完之后再放入,也就是需要放在option之后,在myChart.setOption(...);的前面进行调用 hideLoading ,这样就完成了,借助官网栗子,开始如图:

Echarts基本入门(一)_第1张图片

你可能感兴趣的:(echart)