根据在columnJQchart顶部选择的选项更改显示
根据在columnJQchart顶部选择的选项更改显示
提问于 2014-10-10 12:52:29
我需要三个单选按钮字段，用于在柱状图上显示年度、每月、每周数据，以便当我选择其中一个选项时，显示应相应。我在JQchart中找到了很多不同类型的显示器的例子，但找不到一个这样的例子。是否有其他选项可以替代此处的单选按钮？请帮帮忙
回答 1
Stack Overflow用户
发布于 2014-10-14 15:31:58
最好的办法是有三个系列的数据，每个系列一个。您可以使用单选按钮上的侦听器轻松地交换系列。
本质上：
<input type="radio" name="data" id="yearly" class="radioSelector" value="yearly">Yearly<br>
<input type="radio" name="data" id="monthly" class="radioSelector" value="monthly">Monthly<br>
<input type="radio" name="data" id="daily" class="radioSelector" value="daily">Daily
<script>
$('.radioSelector').click(function (event) {
// Set target ID
var id = $(event.target).attr('id');
// get current series
var series = $('#jqChart').jqChart('option', 'series');
// check which radio
switch (id) {
case 'yearly':
series = yearlydata;
break;
case 'monthly':
series = monthlydata;
break;
case 'daily':
series = dailydata;
break;
}
// update (redraw) the chart
$('#jqChart').jqChart('update');
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26299921
复制相关文章
点击加载更多
相似问题
显示表根据选择的更改显示动态选项
如何根据选择的选项更改显示功能？
在选项顶部显示选项
列表顶部显示选择选项
在菜单顶部显示的“选择”框中的选项
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
