ECharts 下载与安装教程

这篇具有很好参考价值的文章主要介绍了ECharts 下载与安装教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


ECharts 简介

ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts最初由百度团队开源,并于2018年初捐赠给Apache基金会,成为ASF孵化级项目。
ECharts 下载与安装教程

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。

一,ECharts 下载

1.进入ECharts中文网:https://echarts.apache.org/zh/index.html
ECharts 下载与安装教程
2.单击下载下的下载
ECharts 下载与安装教程

2.单击 DistECharts 下载与安装教程

3.首先登陆账号,没有账号的请注册,单击echarts,当然也可以使用百度网盘:https://pan.baidu.com/s/1OC-UBOmDo0DFWnIx5aZsxw 提取码:v69m
ECharts 下载与安装教程

4.单击绿色的Code按钮,然后单击Download zip,开始下载
ECharts 下载与安装教程
5.下载完成
ECharts 下载与安装教程

二,ECharts 安装

将下载的压缩包解压到存放位置即可
ECharts 下载与安装教程

三,ECharts 入门案例

(一)引入 ECharts

ECharts 的引入方式变简单了,因为从 ECharts 3 开始就不用使用 AMD 的方式引入,代码也不再内置 AMD 加载器,所以 ECharts 的引入方式就可以像 JavaScript 库一样用 script 标签引入即可。

下面是 Echarts 引入的代码:

<!-- 引入 ECharts 文件 -->
<script src="..\echarts.min.js"></script>

(二)准备容器

使用 Echarts 绘制图表前需要先有一个有宽高的 DOM 容器,代码如下:

<!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>

(三)使用 Echarts 绘制一个简单的图表

源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>梁辰兴实例</title>
		<!-- 引入 ECharts 文件 -->
		<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 下载与安装教程文章来源地址https://www.toymoban.com/news/detail-420237.html

到了这里,关于ECharts 下载与安装教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • iperf简介与下载安装

    Iperf是一个网络性能测试工具。 Iperf可以测试TCP和UDP带宽质量。Iperf可以测量最大TCP带宽,具有多种参数和UDP特性。Iperf可以报告带宽,延迟抖动和数据包丢失。利用Iperf这一特性,可以用来测试一些网络设备如路由器,防火墙,交换机等的性能。 Iperf官方文档地址:https://ip

    2024年02月04日
    浏览(34)
  • SQLite 学习笔记1 - 简介、下载、安装

    SQLite是一款非常轻量级的关系数据库系统,支持多数SQL92标准。SQLite 是世界上使用最广泛的数据库引擎。SQLite 内置于所有手机和大多数计算机中,并捆绑在人们每天使用的无数其他应用程序中。 SQLite 是一个由C语音开发的嵌入式库,具有小型、快速、自包含、高可靠、功能齐

    2024年02月07日
    浏览(41)
  • Altium Designer简介以及下载安装

    阅读引言: Altium Designer的离线安装包在文章最后, 注意该软件只能用于个人的学习使用, 不能用于商业用途, 文章主题图片来自网络。 Altium Designer是一款功能强大的电子设计自动化(EDA)软件,用于设计和开发Printed Circuit Board(PCB)和FPGA(Field-Programmable Gate Array)电路。

    2024年01月18日
    浏览(43)
  • NodeJS的简介以及下载和安装

    我们可以打开NodeJS官网去进行下载NodeJS,找到对应的系统进行下载 下载之后 桌面上会多出一个msi文件 ,我们双击这个文件 之后点击下一步就行(傻瓜式安装) 到最后的时候需要注意的是点击add to path 这样就不需要我们手动配置环境变量了 安装完成之后 我们可以在终端中查

    2024年02月11日
    浏览(46)
  • ArcGIS Pro简介下载安装地址

      ArcGIS Pro是一款功能强大的地理信息系统(GIS)软件,由Esri开发。它为用户提供了一种直观、灵活且高效的方式来处理、分析和可视化地理数据。ArcGIS Pro具有现代化的用户界面和工作流程,使用户能够更好地利用地理信息进行决策和规划。 ArcGIS Pro的主要特点包括多格式数

    2024年02月14日
    浏览(58)
  • vue-devtools-简介、下载、安装、配置、使用

    vue-devtools是一款基于chrome游览器的插件,可以用于调试vue应用,也可以用来辅助我们找到各页面对应的Vue.js文件路径,这将极大地提高我们的开发和调试效率。 下载路径:https://github.com/vuejs/vue-devtools 将下载好的文件夹放在任意磁盘下 前提:先安装好node和npm打开cmd,进入d

    2024年02月12日
    浏览(37)
  • Ansible playbook简介与初步实战,实现批量机器应用下载与安装

    playbook是ansible用于配置,部署,和管理被节点的剧本 通过playbook的详细描述,执行其中的一些列tasks,可以让远端的主机达到预期的状态。playbook就像ansible控制器给被控节点列出的一系列to-do-list,而且被控节点必须要完成 playbook顾名思义,即剧本,现实生活中演员按照剧本表

    2024年02月09日
    浏览(39)
  • 【MySQL】MySQL PHP 语法,PHP MySQL 简介,查询,下载 MySQL 数据库, SQL 教程

    作者简介: 辭七七,目前大一,正在学习C/C++,Java,Python等 作者主页: 七七的个人主页 文章收录专栏: 七七的闲谈 欢迎大家点赞 👍 收藏 ⭐ 加关注哦!💖💖 MySQL 可应用于多种语言,包括 PERL, C, C++, JAVA 和 PHP,在这些语言中,MySQL 在 PHP 的 web 开发中是应用最广泛。 我们

    2024年02月11日
    浏览(58)
  • 【开发环境】Mac 安装 Visual Studio Code ① ( VSCode 简介 | 下载 VSCode | 安装 VSCode | 安装中文语言包 )

    Visual Studio Code 简称 VSCode , 是 微软 开发的一款 轻量级 / 跨平台 的代码编辑器 ; VSCode 支持 Windows、macOS 和 Linux 操作系统 ; VSCode 支持如下 编程语言 : JavaScript TypeScript Node.js C++ C# Java Python PHP Go VSCode 集成了调试器 , 可以调试 上述 多种语言 ; VSCode 内置了 Git 版本控制插件 , 可以

    2024年04月28日
    浏览(67)
  • Proteus--软件简介及安装教程

    (1)简介(完整安装包见文末链接) 本专栏后续所有仿真文件均是基于proteus8.13进行的,在此先简单介绍下软件及安装教程,后续所有的软件操作技巧及注意事项均会在本文持续更新,敬请持续关注~ Proteus软件是英国Lab Center Electronics公司出版的EDA工具软件。它不仅具有其它

    2024年02月06日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包