首页 > 其他分享 >8.1echarts的引入

8.1echarts的引入

时间:2023-01-04 10:14:15浏览次数:41  
标签:8.1 组件 ECharts Apache 开源 可视化 引入 echarts

认识Echarts 

Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。官方网址:https://echarts.apache.org/zh/index.html

2018年3月份,全球著名开源社区 Apache 基金会宣布“百度开源的 ECharts 项目全票通过进入 Apache 孵化器”。这是百度第一个进入国际顶级开源社区的项目,也标志着百度开源正式进入开源发展的快车道。

ECharts 成为Apache 孵化器项目之前,已经是国内可视化生态领域的领军者,近年内连续被开源中国评选为“年度最受欢迎的中国开源软件”,并广泛被各行业企业以及事业单位、科研院所应用。涉及行业包含金融、教育、医疗、物流、气候监测等众多领域,其中甚至包括阿里巴巴、腾讯、华为、联想、小米、国家电网、中国石化等。

ECharts 负责人祖明介绍到:“ ECharts 作为拥有丰富的可视化图表类型和深度交互能力的开源可视化库,配置便捷容易上手,同时上千的配置项和不同层面的扩展机制带来了灵活的定制能力。ECharts 底层依托了开源渲染引擎 ZRender ,支持 Canvas 和 SVG 等多种方式的渲染,支持 PC 、移动端、数据大屏、服务端渲染等多种设备场景。

ECharts(Enterprise Charts),一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。

 

 

Echcarts的组件

echarts 中各种内容,被抽象为“组件”。例如,echarts 中至少有这些组件:

²  series(系列,一组数值以及他们映射成的图)

²  xAxis(直角坐标系 X 轴)

²  yAxis(直角坐标系 Y 轴)

²  tooltip(提示框组件)

²  toolbox(工具栏组件)

²  title(标题)

²  legend(图例)

 

 

标签:8.1,组件,ECharts,Apache,开源,可视化,引入,echarts
From: https://www.cnblogs.com/2324hh/p/17024048.html

相关文章

  • 8.1echarts的引入
    认识Echarts ApacheECharts是一个正在由Apache孵化器赞助的Apache开源基金会孵化的项目。官方网址:https://echarts.apache.org/zh/index.html2018年3月份,全球著名......
  • 8.2echarts展示数据
    ​  Echarts快速使用 <!DOCTYPEhtml><htmlstyle="height:100%"><head><metacharset="utf-8"><scripttype="text/javascript"src="js/......
  • 8.2echarts展示数据
    ​  Echarts快速使用 <!DOCTYPEhtml><htmlstyle="height:100%"><head><metacharset="utf-8"><scripttype="text/javascript"src="js/......
  • MAUI Blazor学习3-绘制ECharts图表
    MAUIBlazor学习3-绘制ECharts图表 MAUIBlazor系列目录 MAUIBlazor学习1-移动客户端Shell布局-SunnyTrudeau-博客园(cnblogs.com)MAUIBlazor学习2-创建移动......
  • 1.3JS的引入方式
    ​ 内嵌式引入<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><!--内嵌式引入......
  • 1.3JS的引入方式
    ​ 内嵌式引入<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><!--内嵌式引入......
  • 记录一下最近做的 echarts 可视化数据展示 全屏插件和图表自适应屏幕
    整体效果全屏插件 同事用的是 fullscreen全屏插件要在script里面引用一下import fullscreen from "vue-fullscreen";Vue.use(fullscreen);  //点击图标全屏.pageW......
  • vue3-seamless-scroll联合echarts时,无法产生两个chart问题
    最近需要用到el-table和echarts的滚动播放,在很多关于vue3和echarts的例子中都是这两种的://html<divref="refinstance">ref</div>//scriptletref=echarts.init(refin......
  • vue3+axios使用echarts的地图
    vue3+axios使用echarts的地图概述:在echarts的官网是直接提供的js代码和网上,如何在vue3中跑起来(各种跨域,各种报错让我想die)附加:之前一直跑不起来的很大原因是完全不清楚......
  • vue+Echarts动态数据已经赋值,但是无法渲染页面的问题
    vue+Echarts动态数据已经赋值,但是无法渲染页面的问题正常的给个div的大小<div><divid="echartss":style="{width:'100%',height:'600px'}"></div></div>......