百度echarts下载 v3.5.2 官方版最新版

百度echarts是一款免费开源的Javascript图表库。百度echarts在原有产品的基础上对性能、功能、易用性等各个方面进行了全面提升，首创同时使用 Canvas 与 SVG，支持SVG渲染，并新增旭日图，为多层数据带来更酷的展现方式。

【基本介绍】

ECharts是一款纯Javascript的图表库，缩写来自Enterprise Charts，商业级数据图表，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
2018 年1月16日，百度EFE团队正式发布了旗下知名开源产品 ECharts 的最新大版本 4.0，新版本在产品的性能、功能、易用性等各个方面进行了全面提升。需要的朋友可下载试试！

【软件特点】

1、非常小巧方便，用户可以轻松使用这款软件
2、能够在手机端和电脑上使用，让你随时可以制作图表
3、拥有多种多样的图标样式，可以让不同行业的人员使用
4、采用可视化的图表效果，能够让你一目了然

【新特点】

ECharts 4.0 最大的亮点是带来了 8 项堪称“黑科技”的全新特性：
千万级数据可视化的无阻塞体验
图表界第一个双引擎发动机，首创同时使用 Canvas 与 SVG，支持 SVG 渲染，可自由切换，内存占用更少
新增旭日图，为多层数据带来更酷的展现方式代
数据与样式分离让数据传入变得更加方便
更扁平的配置项层级，更便捷的书写
首创数据可视化产品的无障碍访问支持
即将可以在微信小程序中使用 ECharts
可以在 PPT 中使用 ECharts
和 ECharts 4.0 一起发布的还有 ECharts GL 1.0 正式版、ZRender 4.0 全新版本、WebGL 框架 ClayGL、深度学习框架 Visual DL 等，可谓是一次百度在数据可视化领域的大阅兵。
伴随这些产品的发布，百度也发布了全新升级的数据可视化品牌 —— “百度数据可视化实验室”，标志着百度在数据可视化领域将开启一番大的动作。
本次ECharts 4.0 新版本主要的升级点包括：
带给用户更强大的性能和功能
千万级数据可视化的无阻塞体验
渲染引擎 ZRender 全面升级，正式支持 SVG
新增了旭日图类型
让开发者使用 ECharts 变得更加轻松
数据与样式分离让数据传入变得更加方便
更扁平的配置项层级，更便捷的书写
让更多的人在更多的场景都能访问使用 ECharts 制作的可视化产品
首创数据可视化产品的无障碍访问支持
新增对于微信小程序的支持
基于 Gallery 研发出了 PowerPoint 插件

【模式块引入】

【echarts使用教程】

百度echart怎么用？
1、首先要使用百度echars，先要 把它下载下来本地，或者直接cdn获取，当然也可以直接到github下载最新的版本
通过 npm 安装 echarts，npm install echarts --save
这样 ECharts 和 zrender 会放在node_modules目录下。可以直接在项目代码中 require('echarts') 得到 ECharts
最简单的是cdn引入，首先到官方推荐的cdn
如下所示打开官方推荐的cdn地址

2、复制cdn地址里面的任意一个就可以进行引入了，如下所示，点击copy,即可完成复制

3、复制成功后将它引入到我们的html文件，如下所示：
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0/echarts.js"></script>

4、开始使用echarts，首先为ECharts准备一个具备大小容器，如下所示定义一个div容器来装我们的图表
<div id="main" style="width: 100%;800px;"></div>

5、接下来最重要步骤，指定配置项，如下所示 title代表图表标题，tooltip插件 legend 按钮可以控制是否显示 xAxis x轴数据 yAxis y轴 series数据
var option = {
title: {
text: '网站pv浏览量'
},
tooltip: {},
legend: {
data:['pv']
},
xAxis: {
data: ["2018-11-01","2018-11-02","2018-11-03","2018-11-04","2018-11-05","2018-11-07"]
},
yAxis: {},
series: [{
name: 'pv',
type: 'line',
data: [151, 220, 361, 102, 210, 320]
}]
};

6、最后 使用刚指定的配置项和数据显示图表
myChart.setOption(option);
打开浏览器我们会发现绘制好一个漂亮的图像了

【百度echarts图形绘制教程】

百度echarts怎么绘制柱状图形？
1、创建一个html文件引用echarts.js和设置两个具备宽高的div准备绘制柱状图和饼图，如下图所示：

2、我们基于创建好的柱状图div，首先指定图表的配置项和数据，然后将图表的配置项和数据都显示出来，如下图所示：

3、我们在浏览器打开，可以看到已经成功通过echarts绘制了一个柱状图，如下图所示：

4、我们下面来绘制饼图，同样也是先初始化echarts实例，指定图表配置项和数据，如下图所示：

5、我们在浏览器重新打开页面，可以看到饼图也绘制好了，如下图所示：

6、我们也可以进去官网，查看文档，掌握详细的使用方法，如下图所示：