CanvasJS，設置用戶輸入的問題圖表標題

Question

我目前正在爲canvasJS圖表創建用戶輸入標題時遇到問題。我目前正在通過canvasJS上的教程進行運行，並且我認爲它會創建一個整潔的小型項目來創建面向用戶輸入的餅圖。

我面臨的當前問題是試圖從HTML輸入的文本正確顯示。

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

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

據我所知，標題必須與addDataPointsAndRender功能一起搭售它進行設置，但我很困惑，canvasJS僅顯示通過標題設置文本：{文字：「稱號「}我試圖找出如何通過提取輸入文本來一起去。

謝謝你的任何援助。

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(); 
} 

也看看：

1. Tutorial on Rendering chart from user Input
2. Updating Chart Options
3. CanvasJS Methods & Properties Documentation