ChartJS中条形图的边框半径

时间:2017-10-11 12:58:28

标签: javascript css angularjs chart.js ng2-charts

我正在使用ng2-chart创建一个堆积条形图,这是ChartJs的Angular-2版本。

我正在尝试使用附加图片中提到的 border-radius 创建条形图,但无法找到实现此目的的选项,

请建议我一些方法来解决这个问题。

我的代码:

public barChartOptions: any = {
    scaleShowVerticalLines: false,
    responsive: false,
    scales: {
      xAxes: [{
        stacked: true
      }],
      maxBarThickness: 5,
      yAxes: [{
        stacked: true
      }],

    },
    barThickness:20,
    legend: {
      display: true,
      position: 'right',
      labels: {
          fontColor: '#fff'
      }
  }

  };



<canvas baseChart style="height:350px; width:1150px;" [datasets]="barChartData" [labels]="barChartLabels" [options]="barChartOptions" [legend]="barChartLegend"
[colors]="lineChartColors" [chartType]="barChartType">
 </canvas>

enter image description here

0 个答案:

没有答案