Ruby 如何在单击highbar小部件中的条形图时在Dashing中加载新仪表板

我正在用Dashing创建一个仪表板，并使用highbar小部件显示一些数据。我希望能够加载一个新的仪表板，显示有关您单击特定栏时所单击内容的更详细数据。我知道当你点击一个小部件时如何加载一个新的仪表板，但是我想在特定的栏上这样做。有什么想法吗？关于破折号的文档非常少。

我已经弄明白了这一点。我找到了HighCharts API参考，这是一个很好的资源

具体来说，如果你看一看，你会看到一个我正试图做的例子。基本上在highbar.coffee文件中，您必须包括

chart:
  plotOptions:
    column:
      point:
        events:
          click: ->
            location.href = 'the dashboard location you want to go to'

类似地，它们提供的警报框示例中的Javascript代码如下所示

$(function () {
$('#container').highcharts({
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function() {
                        alert ('Category: '+ this.category +', value: '+ this.y);
                    }
                }
            }
        }
    },

    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]        
    }]
});
});

---

我已经弄明白了。我找到了HighCharts API参考，这是一个很好的资源

具体来说，如果你看一看，你会看到一个我正试图做的例子。基本上在highbar.coffee文件中，您必须包括

chart:
  plotOptions:
    column:
      point:
        events:
          click: ->
            location.href = 'the dashboard location you want to go to'

类似地，它们提供的警报框示例中的Javascript代码如下所示

$(function () {
$('#container').highcharts({
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function() {
                        alert ('Category: '+ this.category +', value: '+ this.y);
                    }
                }
            }
        }
    },

    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]        
    }]
});
});