113Echarts - 盒须图（Boxplot Light Velocity）

效果图

源代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src="js/echarts.min.js"></script><script src="dist/extension/dataTool.js"></script></head><body><!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="main" style="width: 600px;height:400px;"></div><script type="text/javascript">// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('main'));var option;var data = echarts.dataTool.prepareBoxplotData([[850, 740, 900, 1070, 930, 850, 950, 980, 980, 880, 1000, 980, 930, 650, 760, 810, 1000, 1000, 960, 960],[960, 940, 960, 940, 880, 800, 850, 880, 900, 840, 830, 790, 810, 880, 880, 830, 800, 790, 760, 800],[880, 880, 880, 860, 720, 720, 620, 860, 970, 950, 880, 910, 850, 870, 840, 840, 850, 840, 840, 840],[890, 810, 810, 820, 800, 770, 760, 740, 750, 760, 910, 920, 890, 860, 880, 720, 840, 850, 850, 780],[890, 840, 780, 810, 760, 810, 790, 810, 820, 850, 870, 870, 810, 740, 810, 940, 950, 800, 810, 870]]);option = {title: [{text: 'Michelson-Morley Experiment',left: 'center',},{text: 'upper: Q3 + 1.5 * IQR \nlower: Q1 - 1.5 * IQR',borderColor: '#999',borderWidth: 1,textStyle: {fontSize: 14},left: '10%',top: '90%'}],tooltip: {trigger: 'item',axisPointer: {type: 'shadow'}},grid: {left: '10%',right: '10%',bottom: '15%'},xAxis: {type: 'category',data: data.axisData,boundaryGap: true,nameGap: 30,splitArea: {show: false},axisLabel: {formatter: 'expr {value}'},splitLine: {show: false}},yAxis: {type: 'value',name: 'km/s minus 299,000',splitArea: {show: true}},series: [{name: 'boxplot',type: 'boxplot',data: data.boxData,tooltip: {formatter: function(param) {return ['Experiment ' + param.name + ': ','upper: ' + param.data[5],'Q3: ' + param.data[4],'median: ' + param.data[3],'Q1: ' + param.data[2],'lower: ' + param.data[1]].join('<br/>');}}},{name: 'outlier',type: 'scatter',data: data.outliers}]};myChart.setOption(option);</script></body></html>

113Echarts - 盒须图（Boxplot Light Velocity）相关推荐

盒须图 python_什么是盒须图？
盒须图 python What the heck is a box and whisker chart, and why would you need one? Well, I'm not a sta ...
java盒图_盒须图简介 - Java报表工具技术讨论，Style Report 报表专题 - OSCHINA - 中文开源技术交流社区...
盒须图(Boxplot)主要用于对数据分布的显示.对于详细数据的显示通常采用下面几种方法. 最简单的方法是把所有的数据显示在一个散点图上.读者可以直接观察数据点的分布. 但如果数据量很大,数据点就会大 ...
盒须图（Boxplot）
盒须图(Boxplot)主要用于对数据分布的显示.对于详细数据的显示通常采用下面几种方法. 最简单的方法是把所有的数据显示在一个散点图上.读者可以直接观察数据点的分布. 但如果数据量很大,数据点就会大 ...
python boxplot 画盒须图
python 用boxplot 绘制盒须图 import os import matplotlib.pyplot as plt import pandas as pd import matplotli ...
matplotlib之pyplot模块——绘制箱线图（盒须图）boxplot()（一）基本参数
当前有效matplotlib版本为:3.4.1. 概述 boxplot()函数的作用是绘制箱线图(箱线图.盒须图.箱图). 箱形图(boxplot)又称盒须图或箱线图,是一种用来显示某一组数据分散情况 ...
22.23.24.25.盒须图（boxplot）、棉棒图(Stem Plot； Lollipop plot)、极坐标图、雷达图（Radar Chart）
22.盒须图(boxplot) 23.棉棒图(Stem Plot; Lollipop plot) 24.极坐标图 25.雷达图(Radar Chart) 22.盒须图(boxplot) 盒须图(也称为 ...
matplotlib之pyplot模块——绘制箱线图（盒须图）boxplot()（二）演示外观参数、返回值
当前有效matplotlib版本为:3.4.1. 概述 boxplot()函数的作用是绘制箱线图(箱线图.盒须图.箱图). 箱线图是由一个箱体和一对箱须所组成的统计图形.箱体是由第一四分位数.中位数( ...
echarts 盒须图配置
下载依赖包地址 cv工程师: <!DOCTYPE html> <html><head><meta charset="utf-8">& ...
Echarts -盒须图的使用说明
画盒须图需要dataTool.js !function(e,t){"object"==typeof exports&&"object"==typ ...

113Echarts - 盒须图（Boxplot Light Velocity）

效果图

源代码

113Echarts - 盒须图（Boxplot Light Velocity）相关推荐

最新文章

热门文章