图表中的交互式基准和系列选择
Interactive benchmarking and series selection in highcharts
过去一周我一直在摆弄一个客户项目的highcharts。多么惊人的强大工具,如此伟大的资源!
手头的问题是,我对生产支出的简单年度分析根本不是他们想要的,现在我需要一个超级快速的周转,把想要的产品推出来。我需要弄清楚的是如何让用户与图表(列)进行交互,这样他们就可以从几个生产者中进行选择,并选择一个作为90%,75%或50%的基准。这个基准将是这个系列的最后一个基准(最右边),因为其他基准(已经被选中,无论是只有1个还是其他4个)填充在里面。
这是我的全部内容:http://jsfiddle.net/UBYqY/
,这里是更相关的代码块:
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 1,
borderColor: ['#5e9a88', '#FF0000'],
color: '#6ba896',
shadow: false,
series: {
colorByPoint: true
},
events: {
legendItemClick: ' ',
checkboxClick: function (event) {
if (event.checked) {
this.show();
} else {
this.hide();
}
}
},
showCheckbox: true
},
},
series: [{
name: "Faruqh",
data: [360.85, 380.90],
borderColor: "#dc7539"
}, {
name: "Debra",
data: [551.59, 500.29],
borderColor: "#dc7539"
}, {
name: "Dennis",
data: [266.24, 282.28],
borderColor: "#dc7539"
}]
感谢您的帮助
您看过这个例子http://jsfiddle.net/UBYqY/7/吗?
$("select").change(function(){
chart.xAxis[0].setCategories(["Awesome"]);
chart.addSeries({
name: "75%",
data: [400]
});
});
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 获取选择框的状态
- 如何将XY缩放与高图表一起使用时隐藏未选择的系列和轴
- 如何修复正则表达式以仅从广告系列中选择base_bid - 而不是跳过我的结束字符串 - base_bid文本
- Google图表API集合选择要突出显示的系列
- 谷歌图表:将ChartRangeFilter与数据系列选择器相结合
- 选择具有不同字体系列的列表选项-如何做到这一点
- 选择选项字体系列在MAC os(chrome和safari浏览器问题)和windows safari浏览器问题中不工作
- 高图:多个系列,一个图表,选择个别系列
- 制作一个模型的最佳方式'选择'Backbone.js系列中
- 高图表中的柱形图-点击选择系列
- 将选择范围放大为误差线系列
- 图表中的交互式基准和系列选择