Javascript 如何将图表输入值格式,而不是百分比格式 window.onload=函数(){ var chart=new CanvasJS.chart(“chartContainer”{ animationEnabled:没错, 标题:{ 正文:“桌面搜索引擎市场份额-2016” }, 数据:[{ 键入:“馅饼”, startAngle:240, yValueFormatString:“##0.00\”%\”, 索引标签:“{label}{y}”, 数据点:[ {y:79.45,标签:“谷歌”}, {y:7.31,标签:“Bing”}, {y:7.06,标签:“百度”}, {y:4.91,标签:“雅虎”}, {y:1.26,标签:“其他”} ] }] }); chart.render(); }

Javascript 如何将图表输入值格式,而不是百分比格式 window.onload=函数(){ var chart=new CanvasJS.chart(“chartContainer”{ animationEnabled:没错, 标题:{ 正文:“桌面搜索引擎市场份额-2016” }, 数据:[{ 键入:“馅饼”, startAngle:240, yValueFormatString:“##0.00\”%\”, 索引标签:“{label}{y}”, 数据点:[ {y:79.45,标签:“谷歌”}, {y:7.31,标签:“Bing”}, {y:7.06,标签:“百度”}, {y:4.91,标签:“雅虎”}, {y:1.26,标签:“其他”} ] }] }); chart.render(); },javascript,html,canvasjs,Javascript,Html,Canvasjs,所以我有这个语法,但是当它出现时,它变成值的百分比,如何转换格式变成值本身,而不是百分比格式(%)您可以通过设置yValueFormatString来格式化工具提示中显示的y值。从代码中删除yValueFormatString应符合您的要求 var chart=new CanvasJS.chart(“chartContainer”{ 标题:{ 正文:“桌面搜索引擎市场份额-2016” }, 数据:[{ 键入:“馅饼”, startAngle:240, //yValueFormatString:

所以我有这个语法,但是当它出现时,它变成值的百分比,如何转换格式变成值本身,而不是百分比格式(%)

您可以通过设置yValueFormatString来格式化工具提示中显示的y值。从代码中删除yValueFormatString应符合您的要求

var chart=new CanvasJS.chart(“chartContainer”{
标题:{
正文:“桌面搜索引擎市场份额-2016”
},
数据:[{
键入:“馅饼”,
startAngle:240,
//yValueFormatString:“##0.00\”%\”,
索引标签:“{label}{y}”,
数据点:[
{y:79.45,标签:“谷歌”},
{y:7.31,标签:“Bing”},
{y:7.06,标签:“百度”},
{y:4.91,标签:“雅虎”},
{y:1.26,标签:“其他”}
]
}]
});
chart.render()


你是什么意思?这些是百分比。您希望显示哪些值?yValueFormatString:“\##0.00\”%\”中包含“%”。。你想删除它吗?是的,如果我输入值“79,45”,这意味着79,45,而不是79,45%,所以如果图表出现,79,45的值不是79,45%@rolandruul是的,我想插入频率的值,而不是确切的百分比,我应该更改哪个部分,使图表显示值并将其自身转换为百分比,如果总共有150个,我输入75个,它变成了50%,而不是75%。目前数据是硬编码的,那么它应该从哪里来呢?总数在哪里?
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {

var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    title: {
        text: "Desktop Search Engine Market Share - 2016"
    },
    data: [{
        type: "pie",
        startAngle: 240,
        yValueFormatString: "##0.00\"%\"",
        indexLabel: "{label} {y}",
        dataPoints: [
            {y: 79.45, label: "Google"},
            {y: 7.31, label: "Bing"},
            {y: 7.06, label: "Baidu"},
            {y: 4.91, label: "Yahoo"},
            {y: 1.26, label: "Others"}
        ]
    }]
});
chart.render();

}
</script>
</head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>