当前位置: 首页 > 面试题库 >

在chart.js数据和标签字段中使用数组值

危晨
2023-03-14
问题内容

我希望将数组的值传递给chart.js数据集的数据和标签字段。

这里成功获取ajax调用以获取json数据的代码。我获取json数据并将其存储到数组中。

Data = jQuery.parseJSON(result);
var count = Data.length;
var counter = 0;
while(count > 0) {
    LabelResult[counter] =[Data[counter].TIME];
    counter++;
    count --;
}

现在,我希望将此标签值用于所提交的标签中。

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: [LabelResult],
        datasets: [{
            label: '# of Votes',
            data: [DataResult],
            borderWidth: 1
        }]
    }    
});

但是似乎存在一些问题,数据没有在图表上呈现


问题答案:

LabelResult是一个数组,更改

labels: [LabelResult]

labels: LabelResult

也:

data: [DataResult]

data: DataResult

喜欢:

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: LabelResult,
        datasets: [{
            label: '# of Votes',
            data: DataResult,
            borderWidth: 1
        }]
    }    
});


 类似资料:
  • 在这里,我试图在数组中创建文本字段和标签,并将它们添加到网格窗格中,但在注释行和以后的行中会遇到问题。

  • 我有以下代码可以使用Chart.js v2.1.3创建图形: 代码看起来很简单,但我无法从图中删除标签。我尝试了很多我在网上找到的解决方案,但大多数都使用Chart.jsv1. x。 如何删除数据集标签?

  • 在Angular项目中,我正在使用chart.js最新版本2.9.3实现图表 我实现了圆环图,完美地堆叠条形图,现在我必须实现在y轴上包含数据标签的堆叠条形图。 从图表上看也是如此。js文档:使用chartjs插件datalabels插件。我试图在这里显示标签。我得到了cli错误:decalare module chart.js 为了解决上面的错误,我安装了“@ types/chart . js”

  • 我一直在使用Chart.Js,但由于时间限制和个人对D3等人的SVG路线的偏好,我尽最大努力避免进入画布本身。 我在仪表板页面上混合了各种图表,除了一个问题外,其他一切看起来都很棒——你必须将鼠标悬停在饼图段上才能看到潜在的%或值。 对于仪表板视图,我的用户更喜欢快速查看数据段上的一些数据标签,就像Excel一样,可能更容易用图像进行解释: https://support.office.com/e

  • 我想在mongodb中插入数据,其中一个字段是对象类型的数组。我无法了解如何将数据与mongoose模式中定义的其他字段一起添加到数组字段中。当我试图使用POSTMAN发布数据时,请使用以下配置,如屏幕截图所示: 它的显示游戏数组为空,显示以下错误 下面是我的代码: db。js 出版商js 可以按照下面的代码插入两个字段,但如何将数组字段与这两个字段一起添加。 服务器js 有人让我知道如何执行这项

  • 问题内容: 我正在尝试将静态数据转换为使用数据库结果。我将使用 MySQL 和 PHP 。 示例代码: 以下是我的php / msql: 如何使用我的MySQL查询中的那些并将其实现到chartjs上的数据集?我也希望标签也可以从我的MySQL查询中生成。我应该在jQuery代码内部循环数据集吗? 这是我正在使用的插件:http : //www.chartjs.org/docs/#line-cha