点击莫里斯饼段时显示模式
Display modal on clicking a Morris pie segment
我正在使用MorrisJS
创建一些饼图和甜甜圈图,如这一切都很好,但我想有一个模态弹出,当我点击图表中的一个片段。
我习惯这样做情态动词
<!-- Link to shw Modal -->
<a href="#modal-id" class="btn btn-success" data-toggle="modal" > Click to show modal</a>
<!-- Modal -->
<div class="modal fade" id="modal-id" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
...
</div>
现在在这个莫里斯饼图中,我没有ID
元素,因此我无法实现模态。我能做到吗?
var donut = new Morris.Donut({
element: 'sales-chart',
resize: true,
colors: ["#3c8dbc", "#f56954", "#00a65a", "#0CDE47", "#076ABE", "#998373", "#378238"],
data: [
{label: "Android", value: 12},
{label: "iPhone", value: 30},
{label: "Other", value: 20}
],
labelColor: '#303641',
hideHover: 'auto',
formatter: function (x) {
return x + ' % ';
}
}).on('click', function(i, row){
alert(row.label);
console.log(i, row);
});
将此单击事件处理程序添加到甜甜圈图或饼图的末尾
Charts.Donut({
element: _element,
data: _data,
colors: _colors,
}).on('click', function (i, row) {
$('#id_modal').modal({ show: true });
});
Onclick function visualizza_modal();
function visualizza_modal()
{
jQuery('#id_modal').modal({
show: true
});
}
相关文章:
- InvalidOperationException:当应用程序未在UserInteractive模式下运行时显示模式对话
- 将JavaScript检测与MVC4显示模式集成的最佳方式是什么
- 如何显示模式而不是警报
- AngularJs:如何使用ng点击来显示模式引导
- 在表格最后一行(链接)中显示菜单,并在单击菜单项时显示模式窗口
- 使用非阻塞算法多次显示模式窗口
- 显示模式时删除滚动条
- 用户共享页面后显示模式
- ng重复自定义不同样式的显示模式
- CasperJS单击无法显示模式窗口
- 如何在通过 AJAX 提交后显示模式窗体
- 无法显示模式窗口
- 如何同时显示模式和执行操作
- PHP Yii-单击列表然后显示模式中单击的列表的完整数据
- 如何在网页中显示模式对话框
- 如何从IE和Chrome浏览器中的显示模式对话框窗口返回数组对象
- 在基础中打开另一个页面的部分显示模式
- 当选择了“选择”下拉列表中的选项时,将显示模式
- 第二个zurb显示模式窗口-可能
- 如何使用javascript在opera中显示模式弹出窗口