Google Gauge Chart - Добавить текстовую метку для каждого раздела датчика
Я пытаюсь использовать калибровочные диаграммы Google на своей странице. Теперь я хочу добавить текст в диаграмму для каждого раздела или цвета. Могу ли я сделать это внутри графика. Я пытался сделать некоторые модификации HTML, но без посторонней помощи.
Пробуйте по этой ссылке - https://developers.google.com/chart/interactive/docs/gallery/gauge
Так, например, я хотел бы добавить text1 для белого цвета и так далее.
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>