Echarts
关注
分享
扫一扫
文章平均质量分 59
蛋黄酥要不要来一口阿
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
用ECharts绘制折线图
type:'line' <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>折线图</title> <script src="script/echarts.min.js"></script> </head> <body> <!--为echarts准备一个容器，画图就..原创 2021-03-19 14:25:02 · 284 阅读 · 0 评论 -
ECharts4.x雷达图如何展示一维数据？
最近做的项目其中一个功能是画雷达图，鼠标滑过雷达图的拐点，展示该维相关数据，并且需要显示雷达图的刻度。 但是我发现单纯的雷达图似乎没办法展示一维数据。 我总结了一下，关于画雷达图，我遇到的难点有三个： （1）如何显示刻度。 （2）如何判断滑过的是拐点。 （3）如何找出拐点对应的该维数据。 下面总结问题的解决办法： 问题（1）： echarts的版本从4.x以后不再提供雷达图的刻度标签属性了，但3.x版本是有刻度这个配置属性的，radar.axisLabel。所以要想显示雷达图的刻度，可以将echarts的版原创 2021-03-18 14:56:39 · 1108 阅读 · 1 评论 -
用Echarts绘制饼状图
在项目网站的网页中，有这样一幅图： 心血来潮，想使用百度Echarts来绘制一下，可是没能绘制得完全一样，Echarts饼状图的label不能在图形下面放成一行，最后的效果是这样子的： 鼠标移动到items上，可动态显示百分比： 另外，还了解到了一种特殊的饼状图：南丁格尔图，就是用扇形半径的大小来表示百分比，对于相差比较大的items，看起来会有些不平衡； 最后，上代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 &l原创 2021-03-18 14:53:38 · 1611 阅读 · 0 评论 -
Echarts的基本使用
1、基本使用 先引入echarts 然后创建一个元素用来装载echarts图表 echarts.init() 方法初始化 echarts 实例 最后设置配置项和数据 option，使用 setOption() 方法根据数据和配置项来显示图表即可 1. <!DOCTYPE html> 2. <html> 4. <head> 5. <meta charset="utf-8"> 6. <title>ECharts</title&g原创 2021-03-17 20:52:32 · 2200 阅读 · 0 评论 -
Echarts概述
1. Echarts概述 ECharts是百度开源的纯 Javascript 图表库，目前开源可以与highcharts相匹敌的一个图表库.支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件，支持多图表、组件的联动和混搭展现。 2. Echarts特性介绍 ECharts，一个纯 Javascript 的图表库，原创 2021-03-17 20:48:25 · 923 阅读 · 0 评论