Google量表图表 - 为每个量表部分添加文本标签

Question

我正在尝试在我的页面中使用Google量表图表。现在我想在图表中为每个部分或颜色添加文字。我可以在图表内做到吗？我尝试做一些HTML修改，但没有任何帮助。

从这个链接尝试 - https://developers.google.com/chart/interactive/docs/gallery/gauge

因此，例如，我想补充的text1为白色等。

Answer 1

使用majorTicks配置选项为主要蜱

提供标签见下工作片断......

google.charts.load('current', { 
 
    callback: function() { 
 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.Gauge(container); 
 

 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Label', 'Value'], 
 
     ['Memory', 80], 
 
     ['CPU', 55], 
 
     ['Network', 68] 
 
    ]); 
 

 
    var options = { 
 
     width: 600, height: 200, 
 
     redFrom: 90, redTo: 100, 
 
     yellowFrom:75, yellowTo: 90, 
 
     majorTicks: ['A', 'B', 'C', 'D', 'E'], 
 
     minorTicks: 3 
 
    }; 
 

 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['gauge'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>