如何在 MVC 中基于年份 Chart JS 显示来自 ajax 调用的数据集

问题描述 投票:0回答:0

Json 数据看起来像我列出的示例,具有多年的日期=

[{"月":"十二月", "年":"2022","值":12},{"月":"一月", "年":"2023","值":15}]

目前我只知道如何显示一年。如何制作一个条形图来显示多年来每个月的值?

$.ajax({ 类型:“帖子”, url: "/管理/NewChart", contentType: "application/json; charset=utf-8", 数据类型:“json”, 成功:函数(chData){ var aData = chData; var aLabels = aData; var aDatasets1 = aData[1]; var dataT = { 标签:['一月'、'二月'、'三月'、'四月'、'五月'、'六月'、'七月'、'八月'、'九月'、'十月'、'十一月'、'十二月' ], 数据集:[{ 标签:“2023”, 数据:a数据集1, 填充:假, 背景颜色: 'rgba(54, 162, 235, 0.2)', 边框颜色: 'rgb(54, 162, 235)', 边框宽度:1 }] }; var ctx = $("#AppsChart").get(0).getContext("2d"); var appChart = 新图表(ctx, { 类型:'酒吧', 数据:数据T, 选项: { 响应:真实, title: { display: true, text: '每月值' }, 图例:{位置:'底部'}, 尺度:{ xAxes: [{ gridLines: { 显示: false }, 显示: true, scaleLabel: { 显示: false, labelString: '' } }], yAxes: [{ gridLines: { display: false }, display: true, scaleLabel: { display: false, labelString: '' }, 刻度线: { min: 0, stepSize: 100, beginAtZero: true }}] }, } }); } });
ajax model-view-controller chart.js
© www.soinside.com 2019 - 2024. All rights reserved.