更改echarts中盒须图横坐标

echarts的盒须图研究了一下，不知道有啥方便的方法，使用了一个笨办法解决更改x坐标,使用switch

echarts中原始盒须图：

var text = ['1年以上', '2年以上', '3年以上', '4年以上', '5~10年', '应届毕业生']
option = {title: [{text: 'Michelson-Morley Experiment',left: 'center'},{text: 'upper: Q3 + 1.5 * IQR \nlower: Q1 - 1.5 * IQR',borderColor: '#999',borderWidth: 1,textStyle: {fontWeight: 'normal',fontSize: 14,lineHeight: 20},left: '10%',top: '90%'}],dataset: [{// prettier-ignoresource: [[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]]},{transform: {type: 'boxplot',config: {itemNameFormatter: function (text) {return 'exr ' + text.value;}}}},{fromDatasetIndex: 1,fromTransformResult: 1}],tooltip: {trigger: 'item',axisPointer: {type: 'shadow'}},grid: {left: '10%',right: '10%',bottom: '15%'},xAxis: {type: 'category',boundaryGap: true,nameGap: 30,splitArea: {show: false},splitLine: {show: false}},yAxis: {type: 'value',name: 'km/s minus 299,000',splitArea: {show: true}},series: [{name: 'boxplot',type: 'boxplot',datasetIndex: 1},{name: 'outlier',type: 'scatter',datasetIndex: 2}]
};

修改dataset/transform/config，修改部分如下

 transform: {type: 'boxplot',config: {itemNameFormatter: function (params) {switch (params.value) {case 0:return 'tom'break;case 1:return 'jack'break;case 2: return 'lucy'break;case 3:return 'jenny'break;case 4:return 'jelly'break;default:return 'ungrouped'// code}}}}

更改echarts中盒须图横坐标相关推荐

Echarts -盒须图的使用说明
画盒须图需要dataTool.js !function(e,t){"object"==typeof exports&&"object"==typ ...
echarts 盒须图配置
下载依赖包地址 cv工程师: <!DOCTYPE html> <html><head><meta charset="utf-8">& ...
漏刻有时数据可视化Echarts组件开发(27)：盒须图(箱线图)前后端php交互的实战案例
Boxplot 中文可以称为『箱形图』.『盒须图』.『盒式图』.『盒状图』.『箱线图』,是一种用作显示一组数据分散情况资料的统计图.它能显示出一组数据的最大值.最小值.中位数.下四分位数及上四分位数. ...
Tableau图表 • 盒须图、抖动图
盒须图,又叫箱线图,是一种用作显示一组数据分散情况资料的统计图.盒须图能够比较直观的显示数据集的分散程度.异常值等信息. 盒须图盒须图基础盒须图包括六个统计量:最小值,下四分位数(Q1),中位数, ...
保姆式教学：用Tableau制作盒须图（箱线图）
盒须图(箱线图)是一种常用的统计图形,用来显示数据的位置.分散程度和异常值等.箱线图主要包括6个统计量:下线.第一四分位数.中位数.第三四分位数.上限和异常值.通过绘制盒须图,观测数据在同类群体中的位 ...
盒须图 python_什么是盒须图？
盒须图 python What the heck is a box and whisker chart, and why would you need one? Well, I'm not a sta ...
echart自定义图分享之自定百分比的(箱线图/盒须图)
echarts自定义图之自定百分比的(箱线图/盒须图): 分享一些自己在工作中遇到的非常规图 ` 创作原因:因客户需要指定样式的箱线图图(七分位,存在非固定分位:10%,90%,并且能查看每个分位的具 ...
Tableau:如何添加参考线、趋势线、参考区间、分布区间、盒须图?
序言 Tableau中的"分析"栏提供了很多功能(如下图),这些功能可以向Tableau的工作表添加各种辅助线和辅助区间.通过对其进行归类,可以将这些辅助线.辅助区间分为:参考 ...
QCustomPlot之盒须图（十六）
盒须图的组成如下图所示: 在QCustomPlot中创建一个盒须图所需的类:QCPStatisticalBox,为盒须图添加数据主要使用的是addData接口,接口定义如下: void addData ...

更改echarts中盒须图横坐标

更改echarts中盒须图横坐标相关推荐

最新文章

热门文章