我有 kendo-ui 的径向量规。但是,在 chrome- 处不显示指针。(在 IE 上效果很好)。可能是什么原因?
这是我的代码:
html:
<div id="empRadial" data-bind="compose: { model: radialGaugeEmp, view: 'views/widget/radialGauge/radialGauge.html' }"></div>
javascript:
$(document).ready(function () {
$('#empRadial').kendoRadialGauge({
pointer: {
value: 116,
},
scale: {
minorUnit: 5,
max: 220,
labels: {
position: 'inside'
},
ranges: [{ from: 0, to: 116, color: '#121210' },
{ from: 116, to: 220, color: '#898989' }]
}
});
});
在 chrome 和 IE 上查看图片:
关于浏览器之间差异的另一个数据:当我检查 F12 中的元素时,它有下一个差异:IE
<g transform="matrix(-0.549504,-0.835491,0.835491,-0.549504,110.386553,444.387814)">
<path d="M334.735 192.434 L 175 188.434 175 196.434Z" stroke="#3f51b5" stroke-width="0.5" fill="#3f51b5"></path>
<circle cx="175" cy="192.43375" r="8" stroke="#3f51b5" fill="#3f51b5"></circle></g>
铬合金:
<g transform="matrix(0,0,0,0,0,0)">
<path d="M170.75 122.563 L 100 120.563 100 124.563Z" stroke="#ea7001" stroke-width="0.5" fill="#ea7001"></path>
<circle cx="100" cy="122.5625" r="4" stroke="#ea7001" fill="#ea7001"></circle></g>
有什么区别??