echarts怎么用？

Posted 2023-05-04

http://www.myexception.cn/web/1437809.html 有些地方不是很能看懂。
6.动态加载echarts然后在回调函数中开始使用，注意保持按需加载结构定义图表路径 这句话不懂。

怎么才能让页面出现图表呢？

1、下载好开发包后就可以开始了，第一步引入开发包，和需要的主题文件（可定义自己的主体文件），并定义好页面布局。2.0以后上的版本，需要把开发包放到body下，否则ie低版本会出现属性未找到的错误，导致图标初始化失败。

2、第二步，普通初始化图表，通过调用开发包方法，有两种初始化方式，
1.var myChart = echarts.init(document.getElementById("echart"));
2.var myChart=require('echarts').init(document.getElementById("echart"));
一般建议使用第一种方法进行初始化操作。

3、第三步，设置option属性，来给图表设置数据,option是数组元素，tooltip：提示框，legend图例，calculable可设置是否拖拽，series设置数据（data类型也为数组类型），开始先随机初始化几条模拟数据，

4、到这一步，就完成了，图表初始化的步骤，效果如下图所示。然后大家可以改变下图标的样式，2.0版本留了设置主题的方法，可设置setThem()对图表样式进行修改。

5、看看主题怎么配置，设置色版，设置主题颜色，不一一介绍了，请大家请看下面代码：

6、通过上面主题的添加完成了对样式的修改，当然最后大家记嘚设置myChart.setTheme(theme); 参考技术A

很高兴，最近我也使用了ECharts

ECharts提供的用法中，require是作为模块化加载的入口，如果你使用类似于RequireJS、SeaJS这样的模块化加载JS库的话，那么，就可以使用require()初始化ECharts。

你贴出来的链接这篇文章，正式介绍如何使用模块化加载ECharts。如果你不使用模块化，ECharts也提供相应的方法初始化。

首先，下载到源码之后，在页面引入lib/echarts-plain-map.js，plain-map是未压缩的版本

<script type="text/javascript" src="lib/echarts-plain-map.js"></script>

然后引入主文件之后，就可以直接使用init()实例化了

<script type="text/javascript">
var myChart = echarts.init(
  // ...
);
</script>

最后补充一个官方API文档

http://echarts.baidu.com/doc/doc.html#引入ECharts

追问

你会用吗？ 加个Q吧？358701294

追答

我已经补充答案了

追问

还是有些吃力 ……加个Q详细点呗

本回答被提问者采纳

请问怎么用echarts在市级地图里展示小地区热力图

参考技术A require.config( paths: echarts:'./js/echarts', 'echarts/chart/bar' : './js/echarts-map', 'echarts/chart/line': './js/echarts-map', 'echarts/chart/map': './js/echarts-map' ); var option = title : text: '某地区蒸发量和...追问

你好，这个显示的不是市级地图吧