Question

我用chartjs创建一个图，然后尝试添加选项。但是当我添加位置选项时，代码会编译更多

var config = { 类型：“甜甜圈”，数据：{ 数据集：[{ 数据：[ 50、60、100， ]，背景颜色： [ '＃edbb48'， '＃999999'， '＃f29011' ]， }]，标签： [ “légend1”， “légend2”， 'légend3' ] }，选项：{ 响应式的：是的，图例：{ 显示：true，位置：“顶部”， .....

e键入“ ChartLegendOptions”。属性“位置”的类型不兼容。不能将“字符串”类型分配给“ StickyDirection”类型。

Answer 1

问题已解决。现在，我想自定义标题以在其中显示标题的图像，值和诽谤

this.ChartType = 'doughnut';
this.Data = [[50, 60, 100]];
this.Labels = ['Légend1', 'Légend2', 'Légend3'];
this.BackgroundColors =  [
  {
    backgroundColor:[
    '#edbb48', '#999999', '#f29011'
    ]
  }
];
this.Options = {
  responsive: true,
  cutoutPercentage: 70,
  legend: {
    display: true,
    position: 'right',
    labels: {
      fontColor: '#000000',
      fontSize: 20,
      padding: 40
   }
  },
  plugins: {
    doughnutlabel: {
      color: '#000000',
      labels: [
        {
          text: '9',
          font: {
            size: '60',
            weight: 'bold'
          },
        },
        {
          text: 'Total',
          font: {
            size: '50'
          },
        }
      ]
    }
  }
}

我使用ng2-chart

chartjs甜甜圈传递选项

1 个答案: