隐藏HighChart Solid Gauge中的YAxis值

时间:2015-02-03 14:59:25

标签: highcharts gauge

在下面的示例中,是否可以隐藏" Y轴值 - 例如 - 不显示0和200(左侧)。 寻找更清洁的图表..

http://www.highcharts.com/demo/gauge-solid/dark-unica

3 个答案:

答案 0 :(得分:4)

通过CSS定位yAxis标签,你可以做到这一点

CSS:

.highcharts-axis-labels.highcharts-yaxis-labels{
    display:none;   
}

或者,通过在仪表的情况下设置yAxis的showFirstLabelshowLastLabel属性具有相同的效果。

JS:

    yAxis: {
        showFirstLabel:false,
        showLastLabel:false,
        min: 0,
        max: 5,
        title: {
            text: 'RPM'
        }
    }

这是一个显示http://jsfiddle.net/robschmuecker/yra3mex6/的演示 以下是有关属性http://api.highcharts.com/highcharts#yAxis.showFirstLabel

的文档

答案 1 :(得分:1)

以下代码将隐藏Y轴标签(JSfiddle example):

yAxis: {
    labels: {
        enabled: false
    }
}

答案 2 :(得分:0)

您也可以使用'格式化程序'如下图所示:

labels: {
            y: 16,
            formatter: function () {
                if(this.value == 0){
                return '0B'; // your choice of value
              } else {
                return '425B'; // you can pass the empty string
              }
            }
        }