Question

我钻取时是否可以隐藏绘图线？

我有一个条形图，可以在＆＃34; root＆＃34;中向下钻取到折线图。（条形图）我显示的是绘制线红色，显示平均值，问题是当我深入到折线图时，如果 yAxis 允许它，它是可见的（红色绘图线）），我想在钻取时隐藏绘图线，因为我只需要在＆＃34; root＆＃34;中看到它的平均值。（条形图）不是在我深入研究时。

平均情节线的值为1865，仅在2019年可见，因为它是唯一一个达到足够高的值以使 yAxis 接近该值的年份。 / p>

所以我想知道在我钻取时是否有一种隐藏绘图线的方法。

这是我的图表代码，我用PHP填充，数据来自XML。

$('#todo').highcharts({

        title: {
            text: 'Registro de IPE del año 2017 al '+<?php echo date('Y')?>
        },
        subtitle: {
            text: 'Click para ver desgloce del año.'
        },
        xAxis: {
            type: 'category'
        },
       yAxis: {
                title: {
                    text: 'Tiempo de Indisponibilidad (HORAS)'
                },
                plotLines: [{
        color: 'red',
        value: avg, // Insert your average here
        width: '1',
        zIndex: 2, // To not get stuck below the regular plot lines
        label:{text:'Promedio: '+parseInt(avg)}
    }]
            },
            credits: {
              enabled:false
            },
        legend: {
            enabled: false
        },
        plotOptions: {
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: true,
                    format: '{point.y:.1f}'
                }
            }
        },
        lang: {
        drillUpText: '<< VOLVER'
    },

        tooltip: {
            headerFormat: '', 
            pointFormat: '<span style="color:{point.color}">{point.name}: </span> <b> {point.y}</b> Horas<br/>'
        },

        series: [{
            name: 'Brands',
            type: 'column',
            colorByPoint: true,
            data: [
            <?php
            for($i = 0; $i < $total_registros; $i++)
              {
                ?>
                {
                name: '<?php echo $registros->registro[$i]->Año; ?>',
                y: <?php list($horas, $minutos) = split('[:]', $registros->registro[$i]->TOTAL); echo $horas; ?>,
                drilldown: '<?php echo $registros->registro[$i]->Año; ?>'
                },
              <?php
            }
            ?>
            ]
        }],
        drilldown: {
          drillUpButton: {
            relativeTo: 'spacingBox',
            position: {
                y: 0,
                x: 0
            },
            theme: {
                fill: 'white',
                'stroke-width': 1,
                stroke: 'silver',
                r: 0,
                states: {
                    hover: {
                        fill: '#a4edba'
                    },
                    select: {
                        stroke: '#039',
                        fill: '#a4edba'
                    }
                }
            }

        },
          series: [
            <?php
            for($j = 0; $j < $total_registros; $j++)
              {
                ?> 
                {
                type: 'line',
                name: '<?php echo $registros->registro[$j]->Año; ?>',
                id: '<?php echo $registros->registro[$j]->Año; ?>',
                data:[
                  [
                  'Enero',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Enero); echo $horas; ?>
                  ],
                  [
                  'Febrero',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Febrero); echo $horas; ?>
                  ],
                  [
                  'Marzo',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Marzo); echo $horas; ?>
                  ],
                  [
                  'Abril',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Abril); echo $horas; ?>
                  ],
                  [
                  'Mayo',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Mayo); echo $horas; ?>
                  ],
                  [
                  'Junio',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Junio); echo $horas; ?>
                  ],
                  [
                  'Julio',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Julio); echo $horas; ?>
                  ],
                  [
                  'Agosto',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Agosto); echo $horas; ?>
                  ],
                  [
                  'Septiembre',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Septiembre); echo $horas; ?>
                  ],
                  [
                  'Octubre',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Octubre); echo $horas; ?>
                  ],
                  [
                  'Noviembre',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Noviembre); echo $horas; ?>
                  ],
                  [
                  'Diciembre',
                   <?php list($horas, $minutos) = split('[:]', $registros->registro[$j]->Diciembre); echo $horas; ?>
                  ]
                ]
            },
            <?php
          }
      ?>
      ]
    }});

Answer 1

最简单的解决方案是删除drilldown事件上的情节线，并在drillup事件中再次添加。

API参考：
http://api.highcharts.com/highcharts/chart.events.drilldown
http://api.highcharts.com/highcharts/chart.events.drillup
http://api.highcharts.com/highcharts/Axis.addPlotLine
http://api.highcharts.com/highcharts/Axis.removePlotLine

例：
http://jsfiddle.net/cpcb8acn/

在深入分析事件中隐藏绘图线（Highcharts.js）

1 个答案: