博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何在网页中用echarts图表插件做出静态呈现效果
阅读量:4948 次
发布时间:2019-06-11

本文共 924 字,大约阅读时间需要 3 分钟。

    
ECharts

步骤一:引入echarts相关JS库

<script src="echarts.js"></script>

<script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/extension/dataTool.min.js" type="text/javascript" charset="utf-8" async defer></script>
<script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts.simple.min.js" type="text/javascript" charset="utf-8" async defer></script>
<script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts.js" type="text/javascript" charset="utf-8" async defer></script>
<script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts.common.min.js" type="text/javascript" charset="utf-8" async defer></script>

步骤二:

下边JS中加入这句话:var myChart = echarts.init(document.getElementById('main'));

下边JS中末尾加入这句话:

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

中间就是demo中的JS示例代码了;

具体文件下载路径:https://i.cnblogs.com/Files.aspx

转载于:https://www.cnblogs.com/fkcqwq/p/9294210.html

你可能感兴趣的文章
BZOJ 2120 数颜色 【带修改莫队】
查看>>
【noip2004】虫食算——剪枝DFS
查看>>
Codeforces 40 E. Number Table
查看>>
CLR via C#(第3 版)
查看>>
java语法之final
查看>>
关于响应式布局
查看>>
详解ASP.Net 4中的aspnet_regsql.exe
查看>>
python 多进程和多线程的区别
查看>>
hdu1398
查看>>
[android] 网络断开的监听
查看>>
156.Binary Tree Upside Down
查看>>
MongoDB在windows下安装配置
查看>>
Upselling promotion stored procedure
查看>>
mysql编码配置
查看>>
KVM地址翻译流程及EPT页表的建立过程
查看>>
sigar
查看>>
iOS7自定义statusbar和navigationbar的若干问题
查看>>
c++ 网络编程(一)TCP/UDP windows/linux 下入门级socket通信 客户端与服务端交互代码...
查看>>
程序员如何提高影响力:手把手教你塑造个人品牌
查看>>
身份证校验原理和PHP实现
查看>>