如何刪除flutter上帶有highcharts的頂行

Question

如何刪除此 xasix 頂行

我想成為這樣的：

看了很多highcharts的文檔，都沒有找到答案，不知各位有沒有解決辦法

我的 highchars 代碼是：

{
    xAxis: {
      lineWidth :0,//去掉x軸線
        categories: $xAxisData,
        tickmarkPlacement: 'on',
        gridLineWidth: 1,
        gridLineColor: '#808080',
        title: {
            enabled: false
        },
    labels: {
        style: {
            color: '#ffffff'
        }
    }
    },
    legend: {
        enabled: false
    },
    yAxis: {
      lineWidth: 1,
      lineColor: '#808080',
        tickmarkPlacement: 'on',
    gridLineColor: '#808080',
        title: {
            text: null
        },
        labels: {
            format: '{value}',
      style: {
            color: '#ffffff',
            fontSize: 12
      }
    }
    },
    credits: {
        enabled:false
    },
    tooltip: {
        split: false,
        valueSuffix: '條'
    },
}

誰能幫我？ 非常感謝！

刪除 x axais 頂線

Answer 1

您可以使用樣式模式隱藏 yaxis 上的網格線， 如何樣式化的文章 css 。 使用 CSS 偽類捕獲最后一個元素:last-of-type並選擇如何隱藏可見性stroke: transparent; 或stroke: transparent; .

.highcharts-yaxis-grid path:last-of-type {
  /* stroke: transparent; */
  stroke-width: 0px;
}

演示： https://jsfiddle.net/BlackLabel/xdrj846h/