Echarts
引入echarts——单文件引用:
1,
<!-- 为ECharts准备一个具备大小(宽高)的
Dom
-->
<
div
id
=
"main"
style
=
"
height
:
400px
"
></
div
>
2,引用
<script src="./js/echarts.js"></script>
3,获取AMD环境
<script type="text/javascript">
require.config({
paths: {
echarts: './js/dist'
}
});
4,加载echarts
require(
[
'echarts',
'echarts/chart/line', // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表
'echarts/chart/bar'
],
function (ec) {
var myChart = ec.init(document.getElementById('main'));
var option = {
5,加载所需要的数据
}
myChart.setOption(option);
}
);
</script>