{site_name}

{site_name}

🌜 搜索

ECharts 是一个开源的 JavaScript 数据可视化库,箱形图是 ECharts 中常用的一种统计图表

前端 𝄐 0
excel 箱线图 数据标签,excel 箱形图,echarts象形柱图,excel2019箱形图,echarts象形柱状图,excel2010箱形图
ECharts 是一个开源的 JavaScript 数据可视化库,箱形图是 ECharts 中常用的一种统计图表。箱形图通常用于展示数据的分布情况,包括中位数、上下四分位数、最大值和最小值等信息。

设置 ECharts 箱形图的标域属性,可以通过 markArea 和 markLine 两种方式来实现。其中,markArea 可以用于标注数据区间,markLine 则可以用于标注一条分隔线。

下面是一个简单的例子:

javascript
option = {
xAxis: {
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {},
series: [{
type: 'boxplot',
data: [
[15, 25, 35, 45, 55],
[20, 30, 40, 50, 60],
[10, 20, 30, 40, 50],
[25, 35, 45, 55, 65]
],
markArea: {
itemStyle: {
color: '#FBC02D',
opacity: 0.2
},
data: [
[{
name: '标域1起点',
xAxis: 0,
yAxis: 40
}, {
name: '标域1终点',
xAxis: 1,
yAxis: 60
}],
[{
name: '标域2起点',
xAxis: 2,
yAxis: 10
}, {
name: '标域2终点',
xAxis: 3,
yAxis: 30
}]
]
},
markLine: {
data: [
{
name: '分隔线',
yAxis: 40
}
]
}
}]
};


在上述例子中,使用了 markArea 属性来标注两个数据区间,分别是 x 轴从 A 到 B 的区间和 x 轴从 C 到 D 的区间;同时使用了 markLine 属性来标注 y 轴上的一条分隔线。