Javascript Plotly.js饼图值格式
我正在使用Plotly.js创建一些饼图,但我不知道如何设置值格式。如果我的号码是19.231,我得到19.2。我要19.2310,4位精度。我的数据和布局如下:Javascript Plotly.js饼图值格式,javascript,pie-chart,plotly,Javascript,Pie Chart,Plotly,我正在使用Plotly.js创建一些饼图,但我不知道如何设置值格式。如果我的号码是19.231,我得到19.2。我要19.2310,4位精度。我的数据和布局如下: var data = [{ values: values, labels: labels, type: 'pie', marker: { colors: colors }, textfont: { family: 'Helvetica, sans-seri
var data = [{
values: values,
labels: labels,
type: 'pie',
marker: {
colors: colors
},
textfont: {
family: 'Helvetica, sans-serif',
size: 48,
color: '#000'
}
}];
var layout = {
height: 1350,
width: 1500,
title: title,
titlefont: {
family: 'Helvetica, sans-serif',
size: 58,
color: '#000'
},
legend: {
x: 1.1,
y: 0.5,
size: 40,
font: {
family: 'Helvetica, sans-serif',
size: 48,
color: '#000'
}
}
};
据我所知,您不能直接在
Plotly
中执行此操作,但您可以添加具有所需精度的值,并将textinfo
设置为text
var值=[Math.random(),Math.random(),Math.random()];
var sum=值.reduce(函数(pv,cv){return pv+cv;},0);
变量位数=4;
var四舍五入_值=[];
对于(变量i=0;i
我看到文档找到了一些规则
关于它所说的高级悬停模板
data: [
{
type: "scatter",
mode: "markers",
x: x,
y: y,
text: t,
marker: { size: s, sizeref: 4000, sizemode: "area" },
transforms: [{ type: "groupby", groups: c }],
hovertemplate:
"<b>%{text}</b><br><br>" +
"%{yaxis.title.text}: %{y:$,.0f}<br>" +
"%{xaxis.title.text}: %{x:.0%}<br>" +
"Number Employed: %{marker.size:,}" +
"<extra></extra>"
}
],
数据:[
{
键入:“散布”,
模式:“标记”,
x:x,
y:y,
文本:t,
标记:{size:s,sizeref:4000,sizemode:“区域”},
转换:[{type:“groupby”,groups:c}],
悬停模板:
“%{text}
”+
%%{yaxis.title.text}:%%{y:$,.0f}
+
“%{xaxis.title.text}:%{x:.0%}
”+
使用的数目:%{marker.size:,}+
""
}
],
您可以在此处将%{y:$,.0f}0f更改为4f。
像这样
hovertemplate:'%y:$,.4f}',
您能否添加一些值以获得一个最小的、可验证的示例?它们是根据用户输入在流上生成的。值是浮点数,会自动将它们四舍五入到逗号后的一位。如果尝试var Values=[1,2,4.6]代码>你得到的是13.2%、26.3%和60.5%,而不是13.1579%、26.3158%和60.5263%。谢谢,这正是我一直在关注的。