简介

echarts.baidu.com 百度出品。例如：qianxi.baidu.com

链接

github:

https://github.com/ecomfe/echarts
https://github.com/kener/myecharts

sina app engine

http://sae.sina.com.cn/
http://myecharts.sinaapp.com/

Weibo

http://weibo.com/echarts
http://weibo.com/kenerlinfeng

特性介绍

官网，实例中有很多，可以参考。

简单示例

步骤：

为Echarts准备一个具备宽高的dom（其实只设置高也可以）
根据dom初始化echarts实例
指定图标的配置项和数据
使用刚指定的配置项和数据显示图表

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src="echarts.min.js"></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>

Echarts教程篇：概览相关推荐

vscode自定义HTML、vue等模板内容（一个、多个）- 教程篇
文章目录 vscode自定义HTML模板内容(一个.多个)- 教程篇操作如下: 注意事项:`参考上图所示`: 如何调用? `如下图示` 附:参考文章 vscode自定义HTML模板内容(一个.多个) ...
phpcmsV9 添加内容：如何“增加复选框、下拉菜单”（含案例、截图）- 教程篇
文章目录 phpcmsV9 添加内容:如何"增加多选框.下拉菜单"(含案例.截图)- 教程篇步骤: 效果截图:省略 phpcmsV9 添加内容:如何"增加多选框.下拉菜 ...
phpcmsV9 如何开启“会员注册” - 教程篇
phpcms 如何开启"会员注册"功能 ? 步骤 · 图文教程: 步骤 · 图文教程: [后台]–> [用户] --> [会员模块配置] --> [允许新会员注册 ...
node.js安装express（零起点搭建本地测试服务器）- 教程篇
(含图文教程.代码对比,等)node.js安装express(零起点搭建本地测试服务器)- 教程篇原教程 · 参考地址执行step3之后,结果截图 · 如下图2 : 之后,执行step4,截图如下 ...
DreamweaverCS6搭建配置php本地站点（图文教程）- 教程篇
通过Dreamweaver.exe 配置PHP本地服务站点一.软件安装说明: Dreamweaver_CS6.exe 二.步骤图解: 第一步: 第二步: 第三步: 第四步: 三.其他版本: Drea ...
ps批量操作图片尺寸（一键执行） - 教程篇
ps批量操作图片尺寸:定义动作(组合键) ,一键执行场景: 634张图片,如何批量改尺寸? 快捷键操作: Alt W 然后 Alt+F9 视频演示: https://v.qq.com/x/page/ ...
phpcms 后台设置 posid 推荐位（支持多选） - 教程篇
phpcms 推荐位(作为多条件判断) - 设置教程截图示下: 注意事项: 定义的推荐位字段如何设置? 推荐位如何排序? 发布文章如何支持多选使用? 以上就是关于" phpcms 后台设置 ...
HbuilderX + 配置Git 代码托管 - 教程篇
HbuilderX + 配置Git 代码托管 - 教程篇配置详请 · 步骤: 文章教程:HbuilderX配置Git插件并导入项目和上传代码具体不再赘述,仅作为资源链接,自助参考总结. 以上就是关 ...
计算机中Git配置环境变量 - 教程篇
计算机中Git配置环境变量 - 教程篇准备工作: 下载Git,vscode 配置环境变量计算机 > 属性(右击)> 高级系统设置 > 环境变量 > 系统变量下的Path & ...
vue组件transition的使用（demo演示） - 教程篇
使用须知: 1. 简单介绍<transition> name ( - string ),用于自动生成 CSS 过渡类名. 例如: name: 'fade' 将自动拓展为.fade-ente ...

Echarts教程篇：概览

简介

链接

特性介绍

Echarts教程篇：概览相关推荐

最新文章

热门文章