ChartJS 动态标签

编程问答 2022-05-11

问题描述

我正在尝试根据从数据库返回的点数向折线图动态添加标签。我有一个表格，一旦用户单击特定行，就会更新图表。点数可以变化。即图表 1 有 2 个点，图表 2 有 5 个点。我需要计算点数并按顺序显示底部标签。即图表 1 为 0,1，图表 2 为 0,1,2,3,4。下图显示了我想要避免发生的情况。 2、3、4不应该出现在图1中，而是出现在图2中。

enter image description here

enter image description here

我已经对这个例子的标签数据进行了硬编码 [0,4]。 xAxisValue.length 带回每个图表显示的点数。感谢您的帮助。

data={{
              labels: [0,4],datasets: [
                {
                  label: 'Training',data: yAxisValue,fill: false,borderColor: 'rgb(0,119,182)',backgroundColor: 'rgb(0,lineTension: 0,},{
                  label: 'Validation',data: xAxisValue,180,216)',],}}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

chartsjavascriptreact-chartjsreactjsreactjs