Echarts基本入门（一）

最新推荐文章于 2024-05-15 17:13:36 发布

Littlehero_121

最新推荐文章于 2024-05-15 17:13:36 发布

阅读量423

点赞数

分类专栏： echart

本文链接：https://blog.csdn.net/Littlehero_121/article/details/104500489

版权

3 篇文章 0 订阅

订阅专栏

一、关于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 ，这样就完成了，借助官网栗子，开始如图：

关注

专栏目录