【问题标题】:Highcharts selection, yaxis is undefinedHighcharts 选择,yaxis 未定义
【发布时间】:2015-08-06 22:08:39
【问题描述】:

我想获取 yAxis 的最小值和最大值,以便在 Highcharts 图表上进行选择。我可以得到 xAxis 值:

$(function () {
    var $report = $('#report');

    // create the chart
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            events: {
                selection: function(event) {                    
                $report.html('min: ' + event.xAxis[0].min +
                             ', max: ' + event.xAxis[0].max);
                return false;                        
                }
            },
            zoomType: 'x'
        },
        xAxis: {
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});

http://jsfiddle.net/yx1z0qwg/

但是当我在上述示例中将 xAxis 更改为 yAxis 时 - 没有任何反应。这是因为事件数组的 yAxis 部分由于某种原因未定义。但是文档说事件中应该有一个 yAxis 数组:http://api.highcharts.com/highcharts#chart.events.selection

如何获取选择的 yAxis 最小值和最大值?

【问题讨论】:

  • 你想在哪里得到它们,以便显示?
  • 您好!在同一个 div 中,其实在哪里都无所谓。我只是无法得到结果。我尝试将 $report.html('min: ' + event.xAxis[0].min + ', max: ' + event.xAxis[0].max); 更改为 $report.html('min: ' + event.yAxis[0].min + ', max: ' + event.yAxis[0].max); 并不起作用,但根据文档它应该可以工作。
  • 您使用的图表类型是否可能没有 yAxis 值?比如饼图什么的……
  • 不不,我已经在我的代码下添加了jsfiddle的链接,它是一个简单的折线图。

标签: javascript jquery highcharts


【解决方案1】:

这个问题是由只为 x (zoomType:'x') 设置缩放引起的。将其切换为 y 或 xy(根据需要)即可。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多