echarts盒须图(箱线图)加一根虚线(均值线)

很简单,只需要在series中写数据的时候再加一组就行,以下是我在开发中的代码

series: [
                    {
                        name: "班级数据",
                        type: "boxplot", //盒须图
                        data: [
                            //[min,  Q1,  median (or Q2),  Q3,  max]
                            [4.6, 4.5, 3.5, 3.2, 1.2],
                            [4.6, 4.5, 3.5, 3.2, 2.3],
                            [4.6, 4.5, 3.5, 3.2, 2.3],
                            [4.6, 4.5, 3.5, 3.2, 2.3]
                        ],
                        datasetIndex: 3,
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(
                                    0,
                                    1,
                                    0,
                                    0,
                                    [
                                        {
                                            offset: 0,
                                            color: "#742CFB" // 0% 处的颜色
                                        },
                                        {
                                            offset: 1,
                                            color: "#1267FF" // 100% 处的颜色
                                        }
                                    ],
                                    false
                                )
                            }
                        }
                    },
                    // 以下就是要加的虚线 直接把折线图的搬过来就可以了,把线改成虚线的类型
                    {
                        name: "年级数据",
                        type: "line",
                        smooth: false,// 设置虚线不可少
                        symbol: "none",// 不要数据实点
                        data: [3.5, 3.5, 3.5, 3.5, 3.5, 3.5, 3.5],
                        datasetIndex: 4,
                        itemStyle: {
                            normal: {
                                lineStyle: {
                                    width: 2,
                                    type: "dotted", //'dotted'虚线 'solid'实线
                                    color: new echarts.graphic.LinearGradient(
                                        0,
                                        1,
                                        0,
                                        0,
                                        [
                                            {
                                                offset: 0,
                                                color: "#0CEBD1" // 0% 处的颜色
                                            },
                                            {
                                                offset: 1,
                                                color: "#00C7E1" // 100% 处的颜色
                                            }
                                        ],
                                        false
                                    )// 渐变色
                                }
                            }
                        }
                    }
                ]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值