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