Question

Highcharts.chart('container', {
title: {
    text: null
},

legend: {
    enabled: false
},

xAxis: [{
    title: {
        text: null
    },
    visible: false
}, {
    title: {
        text: '5 Meter Sprint'
    },
    opposite: false,
    visible: true
}],

yAxis: [{
    title: {
        text: null
    },
    visible: false
}, {
    title: {
        text: null
    },
    opposite: true,
    visible: false
}],

series: [{
    name: null,
    type: 'bellcurve',
    xAxis: 1,
    yAxis: 1,
    intervals: 4,
    baseSeries: 1,
    enableMouseTracking: false,
}, {
    name: 'Data',
    data: data,
    visible: false,
}]
});

jsfiddle：https://jsfiddle.net/0b24mwfs/40/

因此，我一直尝试使用HighCharts制作高度自定义的钟形曲线图，现在我可以禁用大多数期望xAxis和钟形曲线本身的内容，但是如何在曲线上渲染点通过传递一个特定的值？

更新：好像在高图上称为marker，默认情况下它沿曲线绘制所有标记，有没有一种方法可以通过指定值使其仅显示一个标记？

Answer 1

您可以在load事件中更新生成的点：https://jsfiddle.net/BlackLabel/g1qhj8bv/1/

chart: {
  events: {
    load: function () {
    this.series[0].points[10].update({
        marker: {
        enabled: true,
        fillColor: 'white',
        radius: 6,
        lineWidth: 2,
        lineColor: 'red'
      }
    });
  }
}

}，

唯一的问题是找到所需点的索引：points[10]。我认为您可以简单地遍历它们，直到找到所需的，然后进行更新。

如何在HightCharts钟形曲线上绘制特定的数据点标记？

1 个答案: