CanvasJS，为图表设置用户输入标题的问题

Question

我目前面临为 canvasJS 图表创建用户输入标题的问题。我目前正在运行完成 canvasJS 上的教程，我认为它会成为一个简洁的小项目来创建面向用户输入的饼图。

我目前面临的问题是试图让从 HTML 输入的文本正确显示。

[JSFiddle]https://jsfiddle.net/n3n0pssc/

var chart = new CanvasJS.Chart("chartContainer",{
               title:{
document.getElementById("chartTitle").setAttribute("text")
}`

我知道必须通过将标题与 addDataPointsAndRender 函数绑定在一起来设置标题，但我很困惑，因为 canvasJS 仅按标题显示设置的文本：{text : "title"} 我正在尝试计算通过获取输入文本来了解它是如何组合在一起的。

感谢您的帮助。

Answer 1

您可以使用图表选项或使用 CanvasJS API 的 set() 方法来设置图表的用户输入。

我已经修改了您的jsfiddle，现在可以使用了。

function addDataPointsAndRender(){
    chart.options.title.text =document.getElementById("chartTitle").value;
    chart.options.data[0].dataPoints.push({ 
        y: parseFloat(document.getElementById("yValue1").value),
        indexLabel: document.getElementById("indexLabel1").value
    });
    chart.render();
}

也看看：

CanvasJS，为图表设置用户输入标题的问题

CanvasJS, issues with setting a user input Title for chart

javascript

canvasjs