Echarts

用于制作数据统计图表，一个纯 Javascript 的图表库，快捷简便的生成统计图表。
官网：https://www.echartsjs.com

html

菜鸟
https://www.runoob.com/echarts/echarts-install.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>ECharts</title><!-- 引入 ECharts 文件 --><script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.min.js"></script></script>
</head>
<body><!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="main" style="width: 600px;height:400px;"></div><script type="text/javascript">// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('main'));// 指定图表的配置项和数据var option = {title: {text: 'ECharts 入门示例'},tooltip: {},legend: {data:['销量']},xAxis: {data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]},yAxis: {},series: [{name: '销量',type: 'bar',data: [5, 20, 36, 10, 10, 20]}]};// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);</script>
</body>
</html>

JavaScript统计图表插件 Echarts相关推荐

javascript功能插件大集合，写前端的亲们记得收藏
导读:GitHub 上有一个 Awesome – XXX 系列的资源整理.awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器.加载器.测试框架.运 ...
封装javascript分页插件——可以使用的测试版（β版）
上一篇测试版的代码我们发现了很多问题,在这一版本中我们将解决.上一版的连接地址:封装javascript分页插件--测试版最主要的就是修改核心方法: function initTag() {page ...
javascript日历插件
javascript日历插件原文:javascript日历插件 javascript日历插件最近在尝试着写javascript日历插件,所以也到github上看国外人日历源码,或者国内人写的好点的 ...
推荐一个JavaScript触发器插件，可通过指定频次、指定时间内触发指定的处理函数...
推荐一个JavaScript触发器插件js-trigger js-trigger是一个JavaScript触发器插件,可通过指定频次.指定时间内触发指定的处理函数 https://tanwei-cc. ...
RPGMAKER游戏引擎基于JavaScript的插件制作（六）——重写方法（三）：在场景（scenes）中创建精灵（Sprite）——复制式重写的实例教学
因为要开新坑了,准备连续更新把这个插件制作的坑填完,之后更新的是"可交互精灵--事件绑定教学","窗口(windows)教学","自动战斗AI实现-- ...
JavaScript放大镜插件magnifier实现图像放大效果
原文:JavaScript放大镜插件magnifier实现图像放大效果源代码下载地址http://www.zuidaima.com/share/1801078585658368.htm magnif ...
html类似ppt的效果,类似PPT演示稿效果的JavaScript幻灯片插件
bespoke-fx是一款类似PPT演示稿效果的JavaScript幻灯片插件.该幻灯片可以使用键盘的左右方向键来前后切换,它内置了23种CSS3动画过渡效果,非常实用. 安装可以通过 npm 或 ...
java——插件echarts数据可视化图表库
插件echarts数据可视化图表库一.使用idea创建javaWeb工程二.下载echarts导入js文件三.使用echarts. 特别鸣谢:感谢林老师传授嘿嘿嘿 -------- 创作不易, ...
echarts圆柱形柱状图源码_jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】...
jQuery插件echarts实现的多柱子柱状图效果示例[附demo源码下载] 发布时间:2020-09-08 07:46:02 来源:脚本之家阅读:74 作者:翱翔天地本文实例讲述了jQuery ...
javascript功能插件大集合
[导读]:GitHub 上有一个 Awesome – XXX 系列的资源整理.awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器.加载器.测试框架 ...

JavaScript统计图表插件 Echarts

阅读目录

Echarts

html

JavaScript统计图表插件 Echarts相关推荐

最新文章

热门文章