Как я могу отображать низкие значения вне кольцевой диаграммы, используя визуализацию Google? - PullRequest
1 голос
/ 08 января 2020

Когда я создаю Google Donut Chart, используя следующий html код

    function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     50],
      ['Eat',      50],
      ['Commute',  5],

    ]);

    var options = {
      title: 'My Daily Activities',
      pieHole: 0.63,
      enableInteractivity: false,
      chartArea: {left: 5, right: 5, top: 5, bottom: 5, width: "100%", height: "100%"},
      tooltip: {trigger: 'none'},
      sliceVisibilityThreshold: 0,
      pieSliceBorderColor: "#FFBE33",


       slices: {
                        0: {
                            color: '#FFBE33',
                            textStyle: {bold: false, fontSize: 12, color: 'white'}
                        },
                        1: {
                            color: 'blue',
                            textStyle: {bold: false, fontSize: 12, color: 'white'}
                        },
                       2: {
                            color: 'black',
                            textStyle: {bold: false, fontSize: 12, color: 'white'}
                        }
                    }


    };

    var chart = new google.visualization.PieChart(document.getElementById('donutchart'));

    chart.draw(data, options);
  }

, он выдает следующий результат:

donut chart with <5 value

, когда я дать значение <5, это не показывает процентное значение на диаграмме пончик. Но когда я даю значение> 5, это означает, что он показывает правильно.

image5 value">

как я могу отобразить процентное значение снаружи или внутри кольцевой диаграммы, как это?

Expected Donut chart

...