gpt4 book ai didi

javascript - 如何显示 jqplot 图表区域的值而不是百分比

转载 作者:数据小太阳 更新时间:2023-10-29 04:35:27 25 4
gpt4 key购买 nike

我的 javascript 代码为:

var plot1 = jQuery.jqplot ('chartdiv', [data], 
{
seriesDefaults: {
// Make this a pie chart.
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
// Put data labels on the pie slices.
// By default, labels show the percentage of the slice.
showDataLabels: true,
dataLabels: 'value'
}
},
legend: { show:true, location:'e'}
});


var handler = function(ev, gridpos, datapos, neighbor, plot) {
if (neighbor) {
alert('x:' + neighbor.data[0] + ' y:' + neighbor.data[1]);
}
};

$.jqplot.eventListenerHooks.push(['jqplotClick', handler]);

现在通过使用 dataLabels: 'value' 我可以显示值,但显示的值是 51 而不是 50.667。值是四舍五入的。但我需要显示精确值。如何做到这一点??

我的第二个问题是,当我将鼠标指针放在图表的任何区域时,我想显示一些东西。这可以使用 jqplotDataMouseOver 来完成但是如何使用它呢?

最佳答案

您的第一个问题可以通过 dataLabelFormatString 属性解决:

seriesDefaults: {
// Make this a pie chart.
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
// Put data labels on the pie slices.
// By default, labels show the percentage of the slice.
showDataLabels: true,
dataLabels: 'value',
dataLabelFormatString:'%.4f'
}
},

'%.4f' 将显示 4 位小数。

你的第二个问题比较难。 Apparently events on bar charts jqplot 还没有完全解决。但该链接中的最后一个建议对我有用:

$('#chartdiv').bind('jqplotDataMouseOver', function (ev, seriesIndex, pointIndex, data) { alert('series: '+seriesIndex+', point: '+pointIndex+', data: '+data)}); 

这是一个 jsfiddle ,记得缓存 JS 文件,因为 jqplot 不允许盗链。

关于javascript - 如何显示 jqplot 图表区域的值而不是百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9992909/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com