- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的莫里斯 donut chart 上有很长的标签。
由于它们很长,所以很难阅读。
当我将鼠标悬停在该文本上时,我希望有某种带有标签的弹出窗口。但是没有 css 类来绑定(bind)处理程序。
js代码:
Morris.Donut({
element: 'donut-example',
data: [
{label: "Download SalesD DDDDDDDDDDDDDDDDD", value: 12},
{label: "In-Store Sales AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA", value: 30},
{label: "Mail-Order Sales VVVVVVVVVVVVVVV", value: 20}
]
});
最佳答案
很长一段时间没有任何答案后,我决定发布我自己的解决方案。我没有完全按照我的要求去做,但提供了可读的解决方案。
它是用 donut 下方的标签完成的,而不是在 donut 圈内。
Here is working solution on JS Bin
您可以在下面看到在应用程序中工作的屏幕截图:
这是代码:
JS:
Morris.Donut({
element: 'morrisDonutChart',
data: [
{label: "Download SalesD DDDDDDDDDDDDDDDDD", value: 12},
{label: "In-Store Sales AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA", value: 30},
{label: "Mail-Order Sales VVVVVVVVVVVVVVV", value: 20}
]
});
$( "#morrisDonutChart" ).mouseover(function() {
prepareMorrisDonutChart();
});
$( document ).ready(function() {
prepareMorrisDonutChart();
});
function prepareMorrisDonutChart() {
$("#morrisDonutChart tspan:first").css("display","none");
$("#morrisDonutChart tspan:nth-child(1)").css("font-size","40px");
var isi = $("#morrisDonutChart tspan:first").html();
$('#morrisDonutChartSpan').text(isi);
}
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.5.0/mootools-yui-compressed.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script>
<div id="morrisDonutChart"></div>
<div class="alert alert-info" role="alert">
<span id="morrisDonutChartSpan"></span>
</div>
关于label - 莫里斯 donut chart 。很长很小的标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31207606/
有没有办法在莫里斯 donut chart 表绘制事件之后调用函数。绘制图表后,我需要向父 div 添加一个类。 最佳答案 我认为你需要修改文件morris.js,在函数Donut.prototype
我的莫里斯 donut chart 上有很长的标签。 由于它们很长,所以很难阅读。 当我将鼠标悬停在该文本上时,我希望有某种带有标签的弹出窗口。但是没有 css 类来绑定(bind)处理程序。 js代
我正在使用莫里斯 donut chart 来显示进度。我正在正确获取状态计数。但它在圆环图中显示未定义而不是标签。 Morris Donut Chart Showing Undefined Error
我正在尝试使用 donut 形状使用 Morris 图表正确绘制一些数据。 Morris.Donut({ element: 'donut-chart-revenue',
我是 AngularJS 的新手,因此需要在我的项目集成 angular morris donut chart 中使用 donut chart 。在那,如果我将值作为自然数传递,它就可以工作。但是如果
我正在使用 Morris 圆环图,我想尝试确保分段始终从 12 点钟开始,以便在同一屏幕上同时查看多个图表时具有一定的一致性。 以前我用jQuery circliful https://github.
我是一名优秀的程序员,十分优秀!