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 · 213 阅读 · 0 评论 -
ECharts4.x雷达图如何展示一维数据?
最近做的项目其中一个功能是画雷达图,鼠标滑过雷达图的拐点,展示该维相关数据,并且需要显示雷达图的刻度。但是我发现单纯的雷达图似乎没办法展示一维数据。我总结了一下,关于画雷达图,我遇到的难点有三个:(1)如何显示刻度。(2)如何判断滑过的是拐点。(3)如何找出拐点对应的该维数据。下面总结问题的解决办法:问题(1):echarts的版本从4.x以后不再提供雷达图的刻度标签属性了,但3.x版本是有刻度这个配置属性的,radar.axisLabel。所以要想显示雷达图的刻度,可以将echarts的版原创 2021-03-18 14:56:39 · 920 阅读 · 1 评论 -
用Echarts绘制饼状图
在项目网站的网页中,有这样一幅图:心血来潮,想使用百度Echarts来绘制一下,可是没能绘制得完全一样,Echarts饼状图的label不能在图形下面放成一行,最后的效果是这样子的:鼠标移动到items上,可动态显示百分比:另外,还了解到了一种特殊的饼状图:南丁格尔图,就是用扇形半径的大小来表示百分比,对于相差比较大的items,看起来会有些不平衡;最后,上代码:1 <!DOCTYPE html> 2 <html> 3 <head> 4 &l原创 2021-03-18 14:53:38 · 1476 阅读 · 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 · 2125 阅读 · 0 评论 -
Echarts概述
1. Echarts概述ECharts是百度开源的纯 Javascript 图表库,目前开源可以与highcharts相匹敌的一个图表库.支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。2. Echarts特性介绍ECharts,一个纯 Javascript 的图表库,原创 2021-03-17 20:48:25 · 838 阅读 · 0 评论