如何在单击高栏小部件中的栏时在Dashing中加载新仪表板

时间:2013-09-30 05:42:28

标签: ruby coffeescript widget dashboard dashing

我正在Dashing中创建一个仪表板,并使用高栏小部件来显示一些数据。我希望能够加载一个新的仪表板,显示有关单击特定栏时单击的内容的更详细数据。我知道如何在单击窗口小部件时加载新的仪表板,但我想针对特定的栏进行操作。有任何想法吗? Dashing的文档非常缺乏。

1 个答案:

答案 0 :(得分:1)

我已经弄明白了。我找到了HighCharts API Reference,它是一个很好的资源。

具体来说,如果你看here,你会看到我正在尝试做的一个例子。基本上在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]        
    }]
});
});