带你ECharts入个门

首先导入相应的 js :
echarts.min.js
china.js(需要显示中国地图才导入这个)
相关js下载(上传百度云太麻烦,没积分的小伙伴可以联系我私发 ^-^)

完成一个简单的ECharts报表,简单总结就这几步:
1、在需要显示图表的地方定义好 div 并给定宽高,注意在初始化之前一定要给定宽高,否则即使代码正确最后也不会显示。
2、初始化 div 容器:var mycharts = echarts.init(document.getElementById(“xxx”));
3、定义样式(折线图、柱状图、饼图、散点图等),自己不会写代码可以直接去官网找,官网也提供在线编辑的功能,可以调试后直接复制到代码中。根据官网上的例子只要正确获取后台的数据保证格式正确填入相应的位置即可。
4、将容器与样式结合:mychart.setOption(option);
  ps:括号里的 option 就是步骤三中定义样式的变量名。


例:

<script>
    var mycharts = echarts.init(document.getElementById("xxx"));
    var option = {
        //...
    };
    mycharts.setOption(option);
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值