echart图表

news/2025/1/15 12:25:48/

首先我们要知道ECharts是什么,它是怎么用的?

ECharts是一个使用JavaScript实现的开源可视化库,它涵盖各行业图表,满足各种需求。它提供了丰富的图表类型和交互能力,使用户能够通过国简单的配置生成各种各样的图表,包括折线图,柱状图,散点图,饼图,雷达图,地图等等

一.引入方式 

Apache ECharts 支持多种下载方式,我们来介绍一下快速安装。我们将刚才保存的echarts.js的目录以script标签的形式引入。

 

二. 绘制一个简单的图表

我们先在body里创建一个DOM容器,并给予它宽高,然后就可以通过echarts。init方法初始化一个echarts实例并通过setOption方法生成一个简单的柱状图啦。

先设置一个容器

    <body><div id="main" style="width: 600px;height:400px;"></div></body>
    // 柱状图var myChart = echarts.init(document.getElementById('main'));// 指定图表的配置项和数据var option = {title: {text: 'ECharts 入门示例'},tooltip: {trigger: 'item'},legend: {origin: 'vertical',data: ['销量', '收入']},xAxis: {},yAxis: {data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']},series: [{name: '销量',type: 'bar',data: [5, 20, 36, 10, 10, 20]}, ]};// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);

 

然后就会显示了,我们可以通过不同的type类型来定义图表,请多多学习把!


http://www.ppmy.cn/news/1296132.html

相关文章

《异侠传S1赛季侠义九州》公测版本三端互通PC客户端与IOS下载地址!!!

尊敬的各位异侠玩家们&#xff1a; 我们怀着无比激动的心情&#xff0c;充满感激地向大家宣布&#xff1a;今天上午10&#xff1a;00我们即将迎来《异侠传S1赛季&#xff1a;侠义九州》的首发公测&#xff01;在这个特殊的时刻&#xff0c;我们想将我们最诚挚的感谢献给每一位…

数据透明化是什么意思,什么是透明管理?

一、透明管理是什么 透明管理专注工业数据可视化分析与呈现&#xff0c;为企业提供一站式数据可视化分析解决方案。聚焦工业BI&#xff0c;基于工业管理特点&#xff0c;打造“指标监控-异常发现-根因溯源-举措拆解-效果监控”管理闭环&#xff0c;实现工业全层级的透明管理。…

Java集合-ArrayList

Java集合-ArrayList 特性 实现了三个标记接口&#xff1a;RandomAccess&#xff0c;Cloneable&#xff0c;java.io.Serializable public class ArrayList<E> extends AbstractList<E>implements List<E>, RandomAccess, Cloneable, java.io.Serializable1…

深信服技术认证“SCSA-S”划重点:文件包含漏洞

为帮助大家更加系统化地学习网络安全知识&#xff0c;以及更高效地通过深信服安全服务认证工程师考核&#xff0c;深信服特别推出“SCSA-S认证备考秘笈”共十期内容&#xff0c;“考试重点”内容框架&#xff0c;帮助大家快速get重点知识~ 划重点来啦 *点击图片放大展示 深信服…

apply与call

概述&#xff1a; 它们共同的含义: 都是一个对象劫持另一个对象的方法&#xff0c;继承另一个对象的属性 相同点&#xff1a; 都可以改变this的指向 不同点&#xff1a; 他们的参数call可以写多个参数 apply只能有两个参数&#xff08;所以第二个参数可以放置数组或伪数组argum…

k8s的集群调度

schedule&#xff1a;负责调度资源&#xff0c;把pod调度到node节点 1、List-watch k8s集群当中&#xff0c;通过list-watch的机制进行每个组件的协作&#xff0c;保持数据同步&#xff0c;保持数据同步&#xff0c;每个组件之间的解耦 kubectl 配置文件&#xff0c;向APIse…

数字化妆,销量爆灯:美妆个护行业的直播营销新姿势

“ 直播电商走进全域营销驱动增长的时代 ” 文&#xff5c;欣桐&凯丰 编辑 | 靳淇 出品&#xff5c;极新 过去几年&#xff0c;美妆个护是直播电商平台中冲锋最猛的行业之一。李佳琦、薇雅等头部主播的“疯狂带货”下&#xff0c;美妆个护品牌脱颖而出&#xff0c;花…

建筑模板每平方价格怎么算?

在建筑行业中&#xff0c;建筑模板是一种常用的辅助材料&#xff0c;主要用于浇筑混凝土时形成所需的结构形状。了解建筑模板的定价方式对于预算控制和成本估算至关重要。本文将详细介绍建筑模板每平方米价格的计算方法。 1. 建筑模板的类型和特点建筑模板的种类繁多&#xff0…