Javascript 单击Morris饼图段时显示模式
我正在使用MorrisJS创建一些饼图和甜甜圈图,就像一切都很好一样,但我希望在单击图表中的某个部分时出现一个模式弹出窗口 我习惯这样做情态动词Javascript 单击Morris饼图段时显示模式,javascript,html,modal-dialog,morris.js,Javascript,Html,Modal Dialog,Morris.js,我正在使用MorrisJS创建一些饼图和甜甜圈图,就像一切都很好一样,但我希望在单击图表中的某个部分时出现一个模式弹出窗口 我习惯这样做情态动词 <!-- Link to shw Modal --> <a href="#modal-id" class="btn btn-success" data-toggle="modal" > Click to show modal</a> <!-- Modal --> <div class="moda
<!-- 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
元素,因此我无法实现模态。有办法吗?单击函数Visualizau_modal()
将此单击事件处理程序添加到圆环图或饼图的末尾
Charts.Donut({
element: _element,
data: _data,
colors: _colors,
}).on('click', function (i, row) {
$('#id_modal').modal({ show: true });
});
morris饼图中的ID元素在哪里?如何获取所单击元素的标签?
Charts.Donut({
element: _element,
data: _data,
colors: _colors,
}).on('click', function (i, row) {
$('#id_modal').modal({ show: true });
});
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);
});