带有异常值的 Echarts 多类别箱线图

时间:2021-06-17 11:22:48

标签: echarts

我正在尝试使用异常值创建多个类别的箱线图。我搜索了很多,但我没有找到任何解决方案,用于如何在具有异常值的多类别箱线图中设置 fromDatasetIndex 和 datasetIndex 属性值。我有两个类别,这是我的代码:

option = {
    title: 
        {
            text: plotTitle,
            left: 'center'
        },
    legend: {
      orient: 'horizontal',
      left: 'center',
      itemGap:20,
      textStyle: {
        fontSize: 18,
      }
    },
    dataset: [{
        source:plotData[0]
    },
    {
        source:plotData[1]
    },
     {
       fromDatasetIndex: 0,
       transform: {
         type: 'boxplot' ,
         config: {
            itemNameFormatter:  function (params) {
                                   return xAxisLabels[params.value];
               }
         }
       }
    },
     {
       fromDatasetIndex: 1,
       transform: {
         type: 'boxplot' ,
         config: {
            itemNameFormatter:  function (params) {
                                   return xAxisLabels[params.value];
            }
         }
       }
    }, {
        fromDatasetIndex: 2,
        fromTransformResult: 2
    },
    {
        fromDatasetIndex: 3,
        fromTransformResult: 3
    }],
    tooltip: {
        trigger: 'item',
        axisPointer: {
            type: 'shadow'
        },
    },
    grid: {
      left: '7%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    xAxis: {
      type: 'category',
      boundaryGap: true,
      nameGap: 30,
      axisLabel : {
        interval:0,
        rotate: '30',
        textStyle: {
          fontSize: 16,
        }
      },
      splitArea: {
          show: true
      },
      splitLine: {
          show: false
      }
    },
    yAxis: {
      type: 'value',
      name: yAxisName,
      nameLocation: 'middle',
      nameGap: 50,
      nameTextStyle: {
        fontWeight: 'bold',
        fontSize: 17,
        fontFamily: 'sans-serif',
      },
      min: plotMin,
      max: plotMax,
      splitArea: {
          show: false
      }
    },
    series: [
        {
            name: plotLegend[0],
            type: 'boxplot',
            datasetIndex: 2,
            itemStyle: {
              borderColor: colorPalette[0],
            }
        },

        {
            name: plotLegend[1],
            type: 'boxplot',
            datasetIndex: 3,
            itemStyle: {
              borderColor: colorPalette[1],
            }
        },
        {
            name: 'outliers',
            type: 'scatter',
            datasetIndex: ?
        },
        {
            name: 'outliers',
            type: 'scatter',
            datasetIndex: ?
        },

    ]
};
var chartDom = document.getElementById(elementId);
var myChart = echarts.init(chartDom);
myChart.setOption(option);

请帮我解决这个问题。谢谢

0 个答案:

没有答案