मैं Google गेज के नीचे के लेबल को नीचे प्रिंट करने की कोशिश कर रहा हूं (केवल संबंधित गेज के नीचे)। इसके अलावा, मैं दो गेज के लिए दो अलग-अलग प्रत्यय प्रदान करना चाहता हूं। मैंने अलग-अलग डेटा (डेटा 1 और डेटा 2) के लिए अलग फॉर्मेटर्स (फॉर्मेटर 1, फॉर्मेटर 2) देने का प्रयास किया है, लेकिन यह गेज (कोई त्रुटि नहीं) को भी चित्रित नहीं कर रहा है। इस मामले में, draw_data_guage
में चौथा तर्क होगा।गेज के बाहर Google गेज के निचले लेबल को कैसे मुद्रित करें?
var e = document.getElementById('draw_chart');
e.onclick = draw_data_gauge(80, 68, '%');
function draw_data_gauge(cpu_data, memory_data, suffix) {
console.log("in guage")
google.charts.load('current', {
'packages': ['gauge']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data1 = google.visualization.arrayToDataTable([
['Label', 'Value'],
['CPU', cpu_data],
['Memory', memory_data],
]);
var options = {
width: 500,
height: 150,
redFrom: 90,
redTo: 100,
yellowFrom: 75,
yellowTo: 90,
minorTicks: 5,
};
var formatter1 = new google.visualization.NumberFormat({
suffix: suffix,
});
formatter1.format(data1, 1);
var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
chart.draw(data1, options);
}
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<input name="Button" type="button" value="Draw" id="draw_chart" />
<div id="chart_div"></div>
मैं गेज के नीचे लेबल बाहर प्रदर्शित और दोनों गेज के लिए अलग प्रत्यय देने में सक्षम हो जाना चाहते हैं। इस jsfiddle link पर विचार करें। मैं उनके नीचे गेज के बाहर प्रतिशत (नीचे लेबल) प्रदर्शित करना चाहता हूं। मेरा jsfiddle लिंक here है। अग्रिम में धन्यवाद।
आपकी समस्या का एक बेवकूफ कामकाजी लिंक बनाएं, ताकि अन्य लोग आपको संभावित समाधान –
पता कर सकें। मैंने संदर्भ के लिए एक jsfiddle लिंक शामिल किया है @ अनंत सिंह – phanny
क्या आपका मतलब प्रतिशत प्रतिशत है? इसके अलावा, 'अलग प्रत्यय' से आपका क्या मतलब है? उदाहरण के लिए क्या? '%' बनाम 'केबीपीएस'? –