Highcharts Значение X-Axis не отображается полностью

Question

Когда я пытаюсь просмотреть диаграмму, все данные по оси x не отображаются. Здесь Exemple: http://jsfiddle.net/zn4y45pL/

options.xAxis.categories.push(this.innerHTML); 
alert(this.innerHTML); 

Это показывает мне все данные.

Любые идеи о том, в чем проблема? Спасибо!

Answer 1

Проблема в том, что вы создаете для каждой отдельной точки отдельные серии. Вместо этого создайте одну серию и нажать точек для data массива:

 // the data series 
     options.series = [{ 
      name: this.innerHTML, 
      data: [] 
     }]; 
     $init('td', table).each(function (j) { 
      options.series[0].data.push(parseFloat(this.innerHTML)); 
     }); 

И демо: http://jsfiddle.net/zn4y45pL/2/

Answer 2

Похоже, вы только подталкиваете одну категорию к массиву options.xAxis.categories.

$init('tbody th', table).each(function(i) { 
      options.xAxis.categories.push(this.innerHTML); 
     }); 

Попробуйте отладки этот .each в Дев инструментов и убедитесь, что он перебирает для каждой категории вы ожидаете, чтобы отобразить в Xaxis вашего highchart в. В частности, убедитесь, что «это» находится в том контексте, который вы ожидаете за итерацию.