Mi variable de opciones del gráfico de barras de Google es:
var Baroptions = {
legend: {position: "none"},
hAxis: {
textPosition: "none",
gridlines: {
color: "#FFFFFF"
},
baselineColor: "#FFFFFF"
},
bars: "horizontal",
animation:{
duration: 500,
easing: "out",
}
};
Pero la línea del eje y el texto todavía se muestran.
Necesito eliminar ese texto de 0 y 50k.
Saludos
Respuestas
2 para la respuesta № 1en lugar de -> textPosition: "none"
tratar...
textStyle: {
color: "#FFFFFF"
},
Ver siguiente fragmento de trabajo ...
google.charts.load("current", {
callback: drawChart,
packages: ["bar"]
});
function drawChart() {
var chart = new google.charts.Bar(document.getElementById("chart_div"));
var dataTable = new google.visualization.DataTable();
dataTable.addColumn("string", "");
dataTable.addColumn("number", "Value");
dataTable.addRows([
["18-25", 25],
["26-35", 46],
["36-45", 30],
["46-55", 10],
["55 Above", 7]
]);
var Baroptions = {
legend: {position: "none"},
hAxis: {
textStyle: {
color: "#FFFFFF"
},
gridlines: {
color: "#FFFFFF"
},
baselineColor: "#FFFFFF"
},
bars: "horizontal"
};
chart.draw(dataTable, google.charts.Bar.convertOptions(Baroptions));
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
Además, no estoy seguro de la pregunta, pero si utiliza un material gráfico como en el ejemplo anterior
animation.*
está entre los Varias opciones que no funcionan. material cuadros