javascript - examples - Elimina el eje x y el eje y de Zingchart
zingchart examples (1)
Suena como si estuviera configurando las escalas como visibles: falso, pero todavía hay mucho espacio alrededor del gráfico donde solían estar estos elementos.
Puede eliminar este espacio estableciendo elementos como visibles: falso, estableciendo los atributos de color de línea asociados a "ninguno" y agregando:
"plotarea":{ "margin":"0 0" }
a tu JSON. A continuación se muestra un ejemplo con este espaciado eliminado mediante el método descrito anteriormente. Haga clic en el botón "ejecutar fragmento de código" para ver el gráfico resultante.
var myConfig = {
"type": "line",
"scale-x":{
"line-color":"none",
"item":{
"visible":false
},
"tick":{
"line-color":"none"
}
},
"scale-y":{
"line-color":"none",
"item":{
"visible":false
},
"tick":{
"line-color":"none"
}
},
"plotarea":{
"margin":"0 0"
},
"series": [
{
"values":[20,40,25,50,15,45,33,34]
},
{
"values":[5,30,21,18,59,50,28,33]
},
{
"values":[30,5,18,21,33,41,29,15]
},
]
};
zingchart.render({
id : ''myChart'',
data : myConfig,
height: 400,
width: 600
});
<html>
<head>
<!--Assets will be injected here on compile. Use the assets button above-->
<script src= ''https://cdn.zingchart.com/2.1.2/zingchart.min.js''></script>
<script> zingchart.MODULESDIR = ''https://cdn.zingchart.com/2.1.2/modules/'';</script>
<!--Inject End-->
</head>
<body>
<div id=''myChart''></div>
</body>
</html>
Si está configurando las escalas como visibles: falso, eso puede crear algunos problemas. En cambio, ajustar el estilo para que simplemente no se vean puede evitar conflictos con otras funcionalidades. Estoy en el equipo de ZingChart, por lo tanto, avíseme si esto responde a su pregunta o si desea una aclaración adicional.
Quiero eliminar por completo, no ocultar, los ejes xey en mis Zingcharts. Tengo un gráfico que no necesita un eje xoy, y aunque puedo ocultarlos, ocupan un espacio valioso, lo que da como resultado un gráfico comprimido. ¿Hay alguna forma de hacer esto?