title: How do I show every n-th label to handle long x-axis labels in fusionCharts?
body: <p>I have to plot a fusion chart for 30 days data. But because of too many data points, a scroll bar is coming. So I just want to plot every nth label. Inorder to reduce my x-axis size. </p>
  
  <p>The fusion chart code is here :</p>
  
  <pre><code> var ecuChart = new FusionCharts({
                      //type: 'mscolumn3d',
                      type: 'scrollline2d',
                      //type: 'msarea',
                      renderAt: 'ecuGraphBody',
                      width: "265",
                      height: "100%",
                      dataFormat: "json", 
                      dataSource: {
                          "chart": {
                              "subcaption": "Graph",
                              "xAxisname": "day",
                              "yAxisName": " $/Hour",
                              "numvisibleplot": "24",
                              "animation":"1",                           
                              "decimals":"2",
                              "showLegend": "1",
                              "numberprefix": "$",
                              "legendPosition": "bottom",
                              "legendIconScale":"1",
                              "theme":"fint",
                              "legendshadow": "0",
                              "exportenabled": "1",
                              "legendborderalpha": "0",
                              //"palettecolors": "#f8bd19,#008ee4,#33bdda,#e44a00,#6baa01,#583e78",
                              "showborder": "0",
                              "showValues": "1",
                              "labelStep" :"4"
                          },
  
                          "categories": [
                                         {
                                             "category": categories
                                         }
                                      ],
                         "dataset": [
                                       {
                                             "data": graphdata
                                       }
                                    ]
  
  
                      }
                  }).render();
  
  
  graphdata: [
                  {
                      "value": "15123"
                  },
                  {
                      "value": "14233"
                  },
                  {
                      "value": "23507"
                  },
                  {
                      "value": "9110"
                  },
                  {
                      "value": "15529"
                  },
                  {
                      "value": "20803"
                  },
                  {
                      "value": "19202"
                  }
                  .
                  .
                  .
                  ]
  
  categories : [
                  {
                      "label": "1"
                  },
                  {
                      "label": "2"
                  },
                  {
                      "label": "3"
                  },
                  {
                      "label": "4"
                  },
                  {
                      "label": "5"
                  },
                  {
                      "label": "6"
                  },
                  {
                      "label": "7"
                  }
                  .
                  .
                  .
                  .
                  {
                     "label": "30"
                  }]
  </code></pre>