分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何使用 charts.js 为折线图设置 x 和 y 轴和标题？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何使用 charts.js 为折线图设置 x 和 y 轴和标题？？

开发过程中遇到如何使用 charts.js 为折线图设置 x 和 y 轴和标题？的问题如何解决？下面主要结合日常开发的经验，给出你关于如何使用 charts.js 为折线图设置 x 和 y 轴和标题？的解决方法建议，希望对你解决如何使用 charts.js 为折线图设置 x 和 y 轴和标题？有所启发或帮助；

这是使用 charts.Js。此代码仅制作折线图，但不显示标题、x 轴和 y 轴。我想在图表上添加标题和这两个轴的名称。出了什么问题，您如何解决？我还想让 y 轴从 0 开始向上。

async function chartdisplay() {
      await getData1();
      await getData2();
      const ctx = document.getElementByID('chart').getContext('2d');
      const myChart = new Chart(ctx,{
        type: 'line',data: {
          labels: xLabels,datasets: [{
              data: raTingDataI,label: "data1",bordercolor: "#3E95CD",fill: false
            },{
              data: raTingDataA,label: "data2",fill: false
            }
          ]
        },options: {
          responsive: true,title: {
            display: true,text: 'Chart.Js line Chart'
          },tooltips: {
            mode: 'label',},hover: {
            mode: 'nearest',intersect: true
          },scales: {
            x: [{
              display: true,scaleLabel: {
                display: true,labelString: 'Dates'
              }
            }],y: [{
              display: true,labelString: 'Value'
              }
            }]
          }
        }
      });
    }

解决方法

x 和 y 不应该是数组而是对象，un1 <- unique(dfone$subproduct) for(i in seq_along(un1)) assign(paste0('subprod',i),subset(dfone,subproduct == un1[i])) 属性现在也被称为 scaleLabel。对于所有更改，请阅读迁移指南 (https://www.chartjs.org/docs/master/getTing-started/v3-migration.html)

示例：

title

var options = {
  type: 'line',data: {
    labels: ["Red","Blue","Yellow","Green","Purple","Orange"],datasets: [{
      label: '# of Votes',data: [12,19,3,5,2,3],borderColor: 'pink'
    }]
  },options: {
    scales: {
      y: {
        beginAtZero: true,title: {
          display: true,text: 'yAxis'
        }
      },x: {
        title: {
          display: true,text: 'xAxis'
        }
      }
    }
  }
}

var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx,options);