Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Plotly.js饼图值格式_Javascript_Pie Chart_Plotly - Fatal编程技术网

Javascript Plotly.js饼图值格式

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

我正在使用Plotly.js创建一些饼图,但我不知道如何设置值格式。如果我的号码是19.231,我得到19.2。我要19.2310,4位精度。我的数据和布局如下:

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%。谢谢,这正是我一直在关注的。