jquery - 我想为 Highcharts 绘图线标签应用自定义样式

Question

我想应用自定义样式的 Highcharts 情节线标签。我正在使用 borderRadiusRight 选项，但它不适用。以下是我的代码。请检查。

Highcharts.chart('chart', {
  //...
  xAxis: {
    plotLines: [{
      color: 'red',
      width: 2,
      value: sbar,
      dashStyle: 'solid',
      label: {
        y: -6,
        x: 25,
        useHTML: true,
        text: 'Start date',
        textAlign: 'center',
        rotation: 0,
        style: {
          backgroundColor: 'red',
          color: 'white',
          padding: '2px',
          fontWeight: 'bold',
          borderRadiusRight: '10px'
        }
      },
    }]

  }
  //...
});

Answer 1

css/highcharts 中没有样式 borderRadiusRight。您必须为此使用 borderRadius 属性。

尝试使用borderRadius:0 10px 10px 0

这里第一个值适用于左上角，第二个值适用于右上角，第三个值适用于右下角，第四个值适用于左下角。