省略高图图表的顶部边框

时间:2018-08-02 19:43:47

标签: highcharts

我有一个柱形图,我需要绘制图表的左,右和底线(x / y轴),但是需要省略顶线

或...

画一条白线覆盖顶行。在Chrome中查看原始数据,我可以看到该框是使用let password = "testPassword".data(using: String.Encoding.utf8)! 绘制的。

是否可以使用JS定位并获取x,y,width属性以绘制白线或将其删除并替换为3条黑线

<rect>

1 个答案:

答案 0 :(得分:0)

您可以创建其他yAxis并使用 lineWidth offset 属性来获得所需的结果:

xAxis: {
  lineWidth: 3
},
yAxis: [{
  lineWidth: 3,
  offset: -2,
  title: {
    text: null
  },
  max: 4,
  allowDecimals: false,
  labels: {
    enabled: true,
    formatter: function() {
      return this.value + ' %';
    }
  }
}, {
  opposite: true,
  title: {
    text: ''
  },
  offset: -2,
  lineWidth: 3,
}],

实时演示:http://jsfiddle.net/BlackLabel/cj497k6s/

API参考:https://api.highcharts.com/highcharts/xAxis.lineWidth