Cómo reducir el número de líneas verticales en un gráfico de líneas KendoUI?

Uso de KendoUI Necesito reemplazar un gráfico de líneas de DotNet Chart que sale con KendoUI. ¿Hay alguna manera de reducir el número de líneas verticales en el gráfico de líneas KendoUI?Cómo reducir el número de líneas verticales en un gráfico de líneas KendoUI?

La siguiente es una imagen de la tabla que estoy reemplazando mi carta y KendoUi:

Esta es mi guión Kendo UI:

jQuery('#divChart').kendoChart({ 
    title: { 
     text: "Overall Score out of 100", 
     align: "left", font: "18px Arial, Verdana, sans-serif" 
    }, 
    seriesDefaults: { type: "line" }, 
    legend: { position: "bottom" }, 
    tooltip: { visible: true, format: "{0}%" }, 
    valueAxis: 
    { 
     min: 70, 
     max: 95, 
     plotBands: 
     [ 
      { from: 70, to: 75, color: "#EDF5FF" }, 
      { from: 80, to: 85, color: "#EDF5FF" }, 
      { from: 90, to: 95, color: "#EDF5FF" } 
     ] 
    }, 
    series: 
    [ 
     { 
       name: "Some Product", 
       color:"004990", 
       tooltip: 
       { 
        visible: true, 
        template: "<b>Some Product</b><br/>Current Score: #= value # " 
       }, 
       data: [88.27,89.03,89.37,89.65,90.79,90.62,89.67,89.8,89.84,88.99,88.84,88.99,88.15,88.04,87.34,86.95,86.88,86.84,87.07,86.85,86.91,87.31,87.65,87.77,88.21,88.12,88.15,88.62,88.4,88.02,87.9,88.26,88.22,88.2,88.06,88,88.47,88.43,89.09,89.01,88.74,88.98,88.91,89.19,89.61,89.8,89.99,89.48,88.91,88.57,88.74,88.84,89.41,89.46,89.81,89.74,89.75,89.77,89.29,89.52,89.34] 
     }, 
     { 
      name: "Some Market Segment", 
      color:"da7633", 
      tooltip: 
      { 
       visible: true, 
       template: "<b>Some Market Segment</b><br/>Current Score: #= value # " 
       }, 
       data: [79.47,79.52,79.34,79.91,80.1,79.2,79.01,78.97,78.95,78.83,78.81,78.01,77.63,77.66,76.53,74.87,75.22,75.74,75.12,74.73,74.89,74.78,74.92,74.95,74.67,74.57,75.15,75.32,75.01,74.2,73.82,73.78,72.77,72.76,71.8,71.81,72.13,72.46,72.24,72.46,72.49,72.98,73.34,74.01,74.13,74.3,74.4,74.25,73.81,73.52,73.59,73.49,73.41,73.51,73.72,73.27,74.23,73.99,73.97,73.83,73.79] } ], 
       categoryAxis: 
       { 
        labels: { rotation: -45 }, 
        categories: [,,,,,,,,,,2008,,,,,,,,,,,,2009,,,,,,,,,,,,2010,,,,,,,,,,,,2011,,,,,,,,,,,,2012,,] 
       }

});

Cualquier ayuda sería muy apreciada.

Fuente

2012-04-16 Rodney

Reducir el número de líneas principales de la cuadrícula no es posible en la versión actual.

Los ejes soportan skip y step opciones, pero sólo para las etiquetas:

categoryAxis: { 
    labels: { 
     step: 2 // Render every second label 
    } 
}

Tenemos previsto ampliar esta funcionalidad a las principales líneas de la cuadrícula y garrapatas pronto.

Además, también se está trabajando en un verdadero eje de fecha. Admitirá escenarios comunes, como este fuera de la caja.

Fuente

2012-04-17 15:17:24

Gracias por la sugerencia paso. Esto soluciona un problema que estoy teniendo con las sugerencias de herramientas, pero no tiene ningún efecto en las líneas principales de la cuadrícula. Es el problema de las líneas de cuadrícula que trato de resolver aquí. – Rodney

intentar algo como esto:

majorGridLines: { 

     visible: false 
    }

dentro de su bloque categoryAxis.

Fuente

2013-04-09 18:05:15 Javid

Esta es la respuesta correcta. La respuesta aceptada reduce el ** número de puntos ** y es por eso que termina con menos líneas. –

Cómo reducir el número de líneas verticales en un gráfico de líneas KendoUI?

Respuesta

Cuestiones relacionadas