在直方图钟形曲线上的正确标志位置

时间:2017-12-07 13:20:34

标签: javascript highcharts

我正在使用项目的直方图钟形曲线,一切正常,除了图片中给出的标志位置。enter image description here

以下是我的jsfiddle https://jsfiddle.net/8q1t3mwb/4

的链接
var data = [1,2,3,4,5,6,7,8,9,10];

Highcharts.chart('container', {

    title: {
        text: 'Bell curve'
    },

    xAxis: [{
        title: { text: 'Data' }
    }, {
        title: { text: 'Bell curve' },
        opposite: true
    }],

    yAxis: [{
        title: { text: 'Data' }
    }, {
        title: { text: 'Bell curve' },
        opposite: true
    }],

    series: [{
        name: 'Bell curve',
        type: 'bellcurve',
        id:'dataseries',
        xAxis: 1,
        yAxis: 1,
        baseSeries: 1,
        zIndex: -1,
        color: {
            linearGradient: {
                x1: 0,
                y1: 0,
                x2: 1,
                y2: 0
            },
            stops: [
                [0, 'rgb(255, 255, 255)'],
                [1, 'rgb(200, 200, 255)']
            ]
        }
    }]
});

请在此处查看完整代码,https://jsfiddle.net/8q1t3mwb/4

1 个答案:

答案 0 :(得分:2)

您会看到它们当前所在的点,因为您的标记位于散点轴上。如果打开散点图,您将看到它。

因此,如果为标志系列设置以下内容:

{
  yAxis: 1,
  xAxis: 1,
  name: 'Pointer',
  type: 'flags',
  ...
}

根据钟形曲线上的数字调整x值,您将能够看到连接到曲线的旗帜。

工作示例: https://jsfiddle.net/ewolden/8q1t3mwb/6/