gpt4 book ai didi

javascript - CanvasJS,为图表设置用户输入标题的问题

转载 作者:行者123 更新时间:2023-11-30 15:21:36 25 4
gpt4 key购买 nike

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

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

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

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

我知道标题必须通过将它与 addDataPointsAndRender 函数绑定(bind)在一起来设置,但我很困惑,因为 canvasJS 仅按标题显示设置的文本:{text : "title"} 我正在尝试弄清楚它是如何实现的通过获取输入文本一起去。

感谢您的帮助。

最佳答案

您可以使用图表选项或使用 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

关于javascript - CanvasJS,为图表设置用户输入标题的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43644484/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com