开头简述
作为echarts系列第一部分,首先来了解一下最基本的配置,echarts的初始化我在下面会简单说明,万事开头难,所以我主动让它降低一些难度。
echarts安装
echarts和jquery、bootstrap等等API一样,只要直接引用即可,模块化的引用方式可以参考这个,如果你得项目中只包含其中几种类型的图表,那你完全可以只引用相应的文件,而不需要引用完整的echarts
//from echarts example
require.config({
paths:{
'echarts:'./js/echarts',
'echarts/chart/bar' : './js/echarts', // 把所需图表指向单文件
'echarts/chart/line': './js/echarts'
}
});
而标签引用,则直接用
<script src="./js/echarts.js"></script>
的方式在script标签中使用,如果你还用了其他echarts的相关库,则需要在这个标签下面写,因为对文件的引用是编写按顺序的。
echarts初始化
安装成功后,需要在页面中创建一个div,然后给这个div设定一个id,例如下面这样
<div id="mychart" style="width:50