echarts怎么安装与配置


这篇文章主要介绍“echarts怎么安装与配置”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“echarts怎么安装与配置”文章能帮助大家解决问题。我们可以在直接下载 echarts.min.js 并用echarts.min.js(4.7.0)另外,开发环境下可以使用源代码版本 echarts.js 并用echarts.js(4.7.0)这些构建好的 echarts 提供了下面这几种定制:完全版:echarts/dist/echarts.js,体积最大,包含所有的图表和组件,所包含内容参见:echarts/echarts.all.js。常用版:echarts/dist/echarts.common.js,体积适中,包含常见的图表和组件,所包含内容参见:echarts/echarts.common.js。精简版:echarts/dist/echarts.simple.js,体积较小,仅包含最常用的图表和组件,所包含内容参见:echarts/echarts.simple.js。本章节我们将为大家介绍使用 ECharts 生成图表的一些配置。创建一个 HTML 页面,引入 echarts.min.js:实例中 id 为 main 的 div 用于包含 ECharts 绘制的图表:ECharts 库使用 json 格式来配置。这里 option 表示使用 json 数据格式的配置来绘制图表。步骤如下:标题为图表配置标题:提示信息配置提示信息:图例组件图例组件展现了不同系列的标记(symbol),颜色和名字。可以通过点击图例控制哪些系列不显示。X 轴配置要在 X 轴显示的项:Y 轴配置要在 Y 轴显示的项。系列列表每个系列通过 type 决定自己的图表类型:每个系列通过 type 决定自己的图表类型:type: ‘bar’:柱状/条形图type: ‘line’:折线/面积图type: ‘pie’:饼图type: ‘scatter’:散点(气泡)图type: ‘effectScatter’:带有涟漪特效动画的散点(气泡)type: ‘radar’:雷达图type: ‘tree’:树型图type: ‘treemap’:树型图type: ‘sunburst’:旭日图type: ‘boxplot’:箱形图type: ‘candlestick’:K线图type: ‘heatmap’:热力图type: ‘map’:地图type: ‘parallel’:平行坐标系的系列type: ‘lines’:线图type: ‘graph’:关系图type: ‘sankey’:桑基图type: ‘funnel’:漏斗图type: ‘gauge’:仪表盘type:免费云主机域名 ‘pictorialBar’:象形柱图type: ‘themeRiver’:主题河流type: ‘custom’:自定义系列以下为完整的实例:关于“echarts怎么安装与配置”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: vue怎么将变量赋值

这篇“vue怎么将变量赋值”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue怎么将变量赋值”文章吧。1.首先,新建一个common.vue文件…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/11 10:17
下一篇 03/11 10:19

相关推荐