Ktoś wie, jak uzyskać pionowe etykiety osi X za pomocą interfejsu Google Maps API?Pionowe etykiety z Google Maps API?
Potrzebuję dopasować wiele etykiet na małym wykresie.
Dzięki
Ktoś wie, jak uzyskać pionowe etykiety osi X za pomocą interfejsu Google Maps API?Pionowe etykiety z Google Maps API?
Potrzebuję dopasować wiele etykiet na małym wykresie.
Dzięki
API nie przewiduje zresztą dostać Verticle etykiet oś X (chyba brakowało mi go bo potrzebuję to też), co zrobiliśmy było połączenie etykiet punktów DATAPOINT i regularnych etykiety osi x - nie jest doskonały, ale działa
może próbować coś podobnego wykresów Dundas jeśli potrzebujesz większej kontroli
można określić obrót na etykiecie punktu danych ? masz przykładowy URL, który możesz publikować? dzięki! – Tony
Nie ma nic, co kiedykolwiek znalazłem, aby obrócić każdą z etykiet – braindice
dla celu widza, jest już dostępna, patrz milind odpowiedzi Morey. – CaffeineShots
mam nie znaleźć sposób, aby obrócić oś, jednak, co zrobiłem jest skrócenie etykiety, a następnie utwórz legendę, aby wyjaśnić, co właściwie oznaczają etykiety.
Kliknij pozycję here, aby pobrać przykładowy wykres Google.
Innym możliwym sposobem można „obejść” ten problem jest dodanie oś x:
chxt=x,y
mógł przejść na:
chxt=x,y,x
(Upewnij się, że wszystko co robił do oryginalnego X oś ma to samo zastosowanie), a następnie ustaw swoje etykiety co drugi w jednej osi i każde inne przesunięcie o jeden w drugiej osi X (lub co trzeci w zależności od długości etykiet).
chx1=0:|Alpha||Gamma||Epsilon||Eta|2:||Beta||Delta||Zeta
Uwaga na dwa || dla pustej etykiety pomiędzy. W ten sposób na wykresie etykiety wyłączają osie i masz trochę więcej miejsca:
Alpha Gamma Epsilon Eta
Beta Delta Zeta
Czy jest to możliwe za pomocą interfejsu Google do wizualizacji? – vs4vijay
To jest trochę starego wątku. ale szukałem tego sobie i natknąłem się na ten ...
https://developers.google.com/chart/interactive/docs/gallery/areachart#Configuration_Options
zwrócić uwagę: hAxis.slantedTextAngle i hAxis.slantedText. Ustaw kąt na 90 dla pionowego wyświetlania (lub dowolne inne ustawienie dla nachylenia).
Teraz
var options = {
title: "Test",
hAxis: {
direction:-1,
slantedText:true,
slantedTextAngle:90 // here you can even use 180
}
};
jest możliwe Dodaj opcje parametrów z slantedtextangle: 90 stopni, aby pokazać etykietę pionowo
var options ={ hAxis: {title: "Years" , direction:-1, slantedText:true, slantedTextAngle:90 }}
Tak!
Ustaw hAxis.slantedText na true, a następnie ustaw hAxis.slantedTextAngle = 90. Podobnie jak ...
var ac = new google.visualization.ComboChart(document.getElementById('visualization'));
ac.draw(data, {
title : 'Equipment Performance Chart',
isStacked:true,
vAxis: {
viewWindowMode: 'explicit',
viewWindow: {
max: 100
},
title: "Percentage"
},
hAxis: {
title: "Area",
slantedText:true,
slantedTextAngle:90
},
seriesType: "bars",
});
Sztuką jest w chartArea.height = 300 i chartArea.top = 100, wysokość: 600
var options = {
title: 'Motivation and Energy Level Throughout the Day',
isStacked: true,
height:600,
chartArea: {
height:300,
top:100,
},
hAxis: {
title: 'Departamentos',
titleTextStyle: {
color: '#FF0000',
},
slantedText:true,
slantedTextAngle:45,
},
vAxis: {
title: 'Kits'
}
};
Diagonal tekst tutaj. To jest mój sposób robienia tego, mam nadzieję, że to im pomoże.
https://jsfiddle.net/8tvm9qk5/
Kod:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
i
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawStacked);
function drawStacked() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Departamentos');
data.addColumn('number', 'Entregados');
data.addColumn('number', 'En Stock');
data.addRows([
['abdasdasa', 925, 786],
['bbdasdas', 652, 156],
['cbdasdas', 300, 200],
['ddasdasb', 925, 786],
['edasdb', 652, 156],
['fasdasb', 300, 200],
['gdasdasdb', 925, 786],
['abdasdasa', 925, 786],
['bbdasdas', 652, 156],
['cbdasdas', 300, 200],
['ddasdasb', 925, 786],
['edasdb', 652, 156],
['fasdasb', 300, 200],
['gdasdasdb', 925, 786]
]);
var options = {
title: 'Motivation and Energy Level Throughout the Day',
isStacked: true,
height:600,
chartArea: {
height:300,
top:100,
},
hAxis: {
title: 'Departamentos',
titleTextStyle: {
color: '#FF0000',
},
slantedText:true,
slantedTextAngle:45,
},
vAxis: {
title: 'Kits'
}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
'slantedText: true,' 'slantedTextAngle: 90,' –