Google饼图中的圆角

问题描述 投票:2回答:1

是否有可能使一个数据集的边缘在Google图表(饼图)中变成圆形?

我想要类似的东西:

enter image description here

现在,我知道可以通过chart.js或大多数其他图表插件来实现这一目标。但我正在Google Charts插件中寻找解决方案。任何帮助将不胜感激。

这是我到目前为止所拥有的:

google.charts.load('current', {
  'packages': ['corechart']
});

google.charts.load('visualization', '1');

google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Content', 'Size'],
    ['Green', 70],
    ['Grey', 30]
  ]);

  var options = {
    width: 250,
    height: 250,
    title: "",
    pieHole: 0.8,
    pieSliceBorderColor: "none",
    colors: ['#71B55D', '#eaeaea'],
    chartArea: {
     width: '85%',
     height: '85%'
    },
    legend: {
      position: "none"
    },
    pieSliceText: "none",
    tooltip: {
      trigger: "none"
    }
  };

  var donutChart = new google.visualization
   .PieChart(document.getElementById('donut-chart'));

  donutChart.draw(data, options);
}

JSFiddle链接-http://jsfiddle.net/jv25s9aL/4/

javascript charts google-visualization donut-chart
1个回答
0
投票

这在Angular中的ngx-gauge中是可能的。您应该使用https://github.com/ashish-chopra/ngx-gauge#configure-threshold-color-ranges

© www.soinside.com 2019 - 2024. All rights reserved.