Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在yAxis零值(负/正图表)上设置Highcharts xAxis位置? < P> >我希望XXAX不在我的图表下方,但在中间(< YxAX 0值< /强> >强> _Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript 如何在yAxis零值(负/正图表)上设置Highcharts xAxis位置? < P> >我希望XXAX不在我的图表下方,但在中间(< YxAX 0值< /强> >强>

Javascript 如何在yAxis零值(负/正图表)上设置Highcharts xAxis位置? < P> >我希望XXAX不在我的图表下方,但在中间(< YxAX 0值< /强> >强> ,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我还想要xAxis标签: 在X轴上方当其为负晶石值时 当X轴为正值时,X轴下方的 以下是我所拥有的: 有没有一种简单的方法可以做到这一点? 若否,如何处理? 谢谢 解决方案: 感谢Pawel Fus(谢谢,谢谢,谢谢),以下是我问题的解决方案: 答案如下: 是的,这可以通过使用来实现 这是不支持的,您可以使用chart.events.load循环xAxis中的所有标签,并根据各自类别的第一个系列中的值更新其位置 谢谢,我要试试这个插件。然后,如果没有其他方法,我将更改chart.ev

我还想要xAxis标签:

  • 在X轴上方当其为负晶石值时
  • 当X轴为正值时,X轴下方的

以下是我所拥有的:

  • 有没有一种简单的方法可以做到这一点?
  • 若否,如何处理?
谢谢


解决方案: 感谢Pawel Fus(谢谢,谢谢,谢谢),以下是我问题的解决方案:

答案如下:

  • 是的,这可以通过使用来实现

  • 这是不支持的,您可以使用
    chart.events.load
    循环xAxis中的所有标签,并根据各自类别的第一个系列中的值更新其位置


  • 谢谢,我要试试这个插件。然后,如果没有其他方法,我将更改chart.events.load中的标签位置。在标签格式化程序中,您也可以尝试更新标签y位置,但我尚未尝试。是否可以在标签格式化程序中更新标签y位置?我以为这只是格式化文本。事实上,我使用这个功能只是为了格式化日期。刚刚检查过,很抱歉答应评论,这是不可能的。关于我的第一个答案,请参阅如何更新dataLabels:-对于axis.labels,可以很容易地完成类似的操作。。给你举个活生生的例子:-如果有不清楚的地方,请告诉我;)
    $(function () {
        $('#container').highcharts({
            xAxis: {
                        showFirstLabel : true,
                        showLastLabel : true,
                        type : "category",
                        tickLength : 0,
                        lineWidth : 2
                },
    
            series: [{
                data: [
                    {name : 'T1', y: 123},{name : 'T2', y: 152},{name : 'T3', y: -120},{name : 'T4', y: 0},{name : 'T5', y: 142},{name : 'T6', y: 212}
                ],
                type : 'column'
            }]
        });
    });
    
    $(function () {
        $('#container').highcharts({
            chart: {
                renderTo: 'container',
                type: 'column',
                events: {
                    load: function () {
                                            var xAxis = this.xAxis[0];
                        var serie = this.series[0];
    
                        for (var current_tick in xAxis.ticks) {
                            var tick = xAxis.ticks[current_tick];
    
                            if(serie.data[current_tick]){
                                if (serie.data[current_tick].y > 0) {
                                    tick.label.attr({
                                        y: tick.label.y + 18
                                    });
                                }
                            }
                        }
                    }
                }
            },
            xAxis: {
                        showFirstLabel : true,
                        showLastLabel : true,
                        type : "category",
                        tickLength : 0,
                        crossing:0,
                        opposite:true,
                        lineWidth : 2
                },
    
            series: [{
                data: [
                    {name : 'T1', y: 123},{name : 'T2', y: 152},{name : 'T3', y: -120},{name : 'T4', y: 0},{name : 'T5', y: 142},{name : 'T6', y: 212}
                ],
                type : 'column'
            }]
        });
    });