2017-04-26 8 views
1

현재 canvasJS 차트의 사용자 입력 제목을 만드는 데 문제가 있습니다. 나는 현재 canvasJS에서 튜토리얼을 실행하고 있으며, 사용자 입력 지향 원형 차트를 만드는 아주 작은 프로젝트를 만들 것이라고 생각했습니다.CanvasJS, 사용자 입력 설정 관련 문제 차트 제목

내가 직면 한 현재의 문제는 HTML에서 입력 한 텍스트를 올바르게 표시하려고하는 것입니다.

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

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

나는 제목이 addDataPointsAndRender 기능을 함께 묶는에 의해 설정되어야 함을 이해하지만, 내가 canvasJS으로 제목 텍스트를 설정 한 경우에만 표시를 혼란 스러워요 : {텍스트 : "제목 "} 저는 입력 텍스트를 가져 와서 어떻게 병합하는지 알아 내려고하고 있습니다.

도움 주셔서 감사합니다.

답변

2

차트 옵션을 사용하거나 CanvasJS API의 set() 메소드를 사용하여 차트에 사용자 입력을 설정할 수 있습니다.

나는 jsfiddle을 수정했으며 현재 작동 중입니다.

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

당신에게 너무 많은 Suyash 감사합니다

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

또한에 봐! set() 메서드는 내가 충분히 지식이 없었기 때문에 연결된 정보가 많은 문제를 해결하는 데 도움이되었습니다. 감사합니다. – Hspark2692