以角度改变primeng p-chart高度

时间:2018-03-16 09:57:16

标签: javascript html css charts chart.js

我会改变y轴的高度或图表的高度。

这是我的数据和选项:

,

然后我调用组件并定义高度

.

我尝试过多种可能性:

this.data = {
        labels: ['SAF/TGA'],
        datasets: [
            {
                label: 'SAF/TGA',
                backgroundColor: '#9CBB65',
                borderColor: '#72242',
                data: [28],
            }
        ],
  }

        this.options = {
      legend: {
          display: false
      },
      responsive: false,
      maintainAspectRatio: false,

      scales: {
          yAxes: [{
              display: true,
              barThickness: 5,
              gridLines: {
                  display: true,
                  offsetGridLines: false,
                  drawBorder: true


              },
              ticks: {
                  beginAtZero: true,
                  stepSize: 500


              }

          }],
          xAxes: [{
              gridLines: {
                  display: false,
                  offsetGridLines: false,
                  drawBorder: false
              }
              ticks: {
                  beginAtZero: true,
                  display: false,
                  suggestedMax: 100,
                  max: 100,
              }
          }]
      },

  }

没有人工作。我不知道如何降低图表的高度。

example

更新:当我使用检查器并修改<p-chart type="horizontalBar" [data]="data" [options]="options" width="10px" height="5px" > </p-chart> css时,身高会发生变化

0 个答案:

没有答案