具有x轴刻度的Highcharts问题

时间:2017-11-13 17:37:57

标签: javascript highcharts

难以使用Highchart在x轴上获得正确的刻度线。即使两个轴都具有相同的数据(我正在使用相同的数据集对自己绘制参数),y轴正确滴答但x轴不正确。数据集可以更改,因此我允许Highchart自动确定刻度线,但是由于数据相同,因此X和Y轴应该勾选相同,或者我认为是这样。

以下是设置:

var chartObject = {
            chart: {
                width:800,
                height: 600,
                alignTicks: true,
                marginRight: 200,
                zoomType: 'xy', 
            },
            title: {
                text: pName1 + ' vs '+ pName2
            },
            xAxis: {
                title: {
                    enabled: true,
                    text: pName1
                },
                min:0,
                max:16,
                ceiling: 16,
                minPadding:0,
                maxPadding:0
            },
            yAxis: {
                title: {
                    text: pName2
                },
                min:0,
                max:16,
                ceiling: 16,
                minPadding:0,
                maxPadding:0
            },
            legend: {
                title: {
                    text: 'Counts', 
                    style: {
                        fontStyle: 'italic'
                    }
                },
                symbolHeight: 12,
                symbolWidth: 12,
                align: "right",
                layout: 'vertical',
                verticalAlign: 'middle',
                squareSymbol: true,
                floating: true,
                backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF',
                borderWidth: 1
            },
            plotOptions: {
                scatter: {
                    marker: {
                        radius: 1,
                        states: {
                            hover: {
                                enabled: true,
                                lineColor: 'rgb(100,100,100)'
                            }
                        }
                    },
                    states: {
                        hover: {
                            marker: {
                                enabled: false
                            }
                        }
                    },
                    tooltip: {
                        headerFormat: '<b>{series.name}</b><br>',
                        pointFormat: '{point.x} , {point.y} '
                    }
                }
            },
            series: ourSeries
        };

它产生下面的图表,x和y不匹配:

Click here to view graph example

我已经阅读了文档并尝试了各种属性,看看它们是否可以解决问题,并且它们只会在此主题上产生其他错误的变体。

0 个答案:

没有答案