时间戳

首页 > 解决方案 > 您可以使用没有 css 的 highcharts 删除特定的网格线和点标签吗？

javascript - 您可以使用没有 css 的 highcharts 删除特定的网格线和点标签吗？

问题描述

目前我正在使用 css 来删除我的 y 轴网格线和标签，如下图所示。

非出口高图

CSS：

.highcharts-yaxis-grid path:nth-child(1),.highcharts-yaxis-grid path:nth-child(2),
.highcharts-yaxis-grid path:nth-child(4),.highcharts-yaxis-grid path:nth-child(5){ stroke:transparent !important; }
.highcharts-yaxis-labels text:nth-child(1),.highcharts-yaxis-labels text:nth-child(2),
.highcharts-yaxis-labels text:nth-child(4),.highcharts-yaxis-labels text:nth-child(5){ fill:transparent !important; }

每当我将图表下载为图像时，它们都会重新出现，这是有道理的，因为它看不到我正在使用的 css 文件。

在此处输入图像描述

我试图在网上搜索 highcharts 或任何东西的答案，但没有运气，所以我在这里提出这个问题。

标签： javascriptcsshighcharts

解决方案

例如，load如果您可以删除特定的labelsand gridLines：

chart: {
    events: {
        load: function() {
            var chart = this,
                yAxis = chart.yAxis[0],
                gridLines = yAxis.gridGroup.element.children,
                ticks = yAxis.ticks,
                tickPositions = yAxis.tickPositions;

            gridLines[2].remove();
            ticks[tickPositions[2]].label.element.remove();
        }
    }
}

现场演示：http: //jsfiddle.net/BlackLabel/5m0s7th2/

API 参考： https ://api.highcharts.com/highcharts/chart.events.load

推荐阅读