javascript - para - Elimina la línea vertical en la tabla.

ejercicios para quemar grasa abdominal mujeres

Question

Estoy usando Chart.js para generar mapas y lo he personalizado en gran medida. Pero no puedo quitar la línea de la rejilla vertical sin importar qué. ¿Alguien ha encontrado una situación como esta? Ayuda muy apreciada.

JavaScript

var ChartDataHome = {
labels: ["",
"NOV", "DEC", "JAN", "FEB",
],
datasets: [{
strokeColor: "rgba(255.255,255,1)",
pointColor: "rgba(159,209,154,1)",
pointStrokeColor: "rgba(255,255,255,1.00)",
data: [4.5, 8.8, 7.5, 9.5, 7.8, 9]
}, ]
};
var step = 2;
var max = 10;
var start = 0;
ChartOptionsHome = {
scaleLabel: "<%= value + '' K '' %>",
pointDot: false,
bezierCurve: false,
scaleOverride: true,
scaleSteps: 10,
// scaleStepWidth: Math.ceil(4/2),
scaleSteps: Math.ceil((max - start) / step),
scaleStepWidth: step,
scaleStartValue: start,
scaleShowGridLines: true,
scaleGridLineWidth: 0,
scaleGridLineColor: "rgba(0,0,0,0.1)",
datasetFill: false,
animation: true,
animationSteps: 60,
scaleFontColor: "#ffffff",
scaleFontSize: 14,
scaleLineColor: "rgba(255,255,255,1)",
datasetStrokeWidth: 6,
responsive: true,
}
ChartOptions = {
}
if ($("#chartHome")[0]) {
DrawTheChart(ChartDataHome, ChartOptionsHome, "chartHome", "Line");
}

Answer 1

Creo que puedes separar los ejes x e y.

 axes: {
xaxis: {
ticks: ticks,
tickOptions: {showGridline:false}
},
yaxis: {
tickOptions: {showGridline:true}
}
}

Espero que esto le pueda ayudar.

Answer 2

Hay una nueva opción global que se lanzó con la nueva versión de Chart.js hace dos días.

var options = {
scaleShowVerticalLines: false
}

Answer 3

Lo siguiente se aplica a Chart.js 2. *.

Si solo tiene un eje x, ya sea que se muestren o no las líneas verticales de la cuadrícula (que están relacionadas con este eje x), se especifica mediante el valor booleano de options.scales.xAxes[0].gridLines.display . Para ser más precisos, las siguientes opciones de gráfico deshabilitan la visualización de líneas de cuadrícula verticales para el caso del eje x único.

options : {
scales : {
xAxes : [ {
gridLines : {
display : false
}
} ]
}
}

Answer 4

intente "scaleShowGridLines" : false,

Answer 5

options : {
scales: {
yAxes: [{
gridLines: {
lineWidth: 0,
color: "rgba(255,255,255,0)"
}
}]
}
};
Charts.js v2.0