Подсказка Highchart не работает при использовании ее для даты - PullRequest
Новая
       6

Подсказка Highchart не работает при использовании ее для даты

0 голосов
/ 19 января 2019

Я сравниваю кредит и дебет для каждого месяца и создаю старшую диаграмму, используя эти данные.Вот код, который я использую 

<html>
   <head>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
      <script src = "https://code.highcharts.com/highcharts.js"></script> 
      <script src = "https://code.highcharts.com/modules/data.js"></script>

   </head>
      <body>
      <div id = "container" style = "width: 550px; height: 400px; margin: 0 auto"></div>

<table id="datatable"> 
    <thead>
        <tr>
            <th></th>
             <th>Credit</th>
             <th>Debit</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>2018-Feb</th>
            <td>500</td>
            <td>231</td>
        </tr>
    </tbody>
</table>

    </body>   
</html>

JavaScript: 

  <script language = "JavaScript">
     $(document).ready(function() {
        var data = {
           table: 'datatable'
        };
        var chart = {
           type: 'column'
        };
        var title = {
           text: 'Credit Debit comparison'   
        };      
        var yAxis = {
           allowDecimals: false,
           title: {
              text: 'Units'
           }
        };
        var tooltip = {

           formatter: function () {

              return '<b>' + this.series.name + '</b><br/>' +
                 this.point.y + ' ' + this.point.name.toLowerCase();
           }
        };
        var credits = {
           enabled: false
        };  
        var json = {};   
        json.chart = chart; 
        json.title = title; 
        json.data = data;
        json.yAxis = yAxis;
        json.credits = credits;  
        json.tooltip = tooltip;  
        $('#container').highcharts(json);
     });
  </script>

Подсказка не работает с приведенным выше кодом.Но как только я уберу цифры из тега th в tbody, он будет работать без проблем.В приведенном выше коде, если я изменю строку <th>2018-Feb</th> на <th>Feb</th>, она будет работать.Как я могу использовать формат даты или любые числа также в этом поле?

Скрипты: рабочий код - нет цифр в теле - Нажмите здесь

Не рабочий код -th изменен на 2018-февраль - Нажмите здесь

1 Ответ

0 голосов
/ 19 января 2019

Вам нужно указать xAxis.type ( Highcharts Doc ), чтобы он работал следующим образом: 

        ...
        var xAxis = {
            type:'category'
        }
        ...
        json.xAxis = xAxis;

Fiddle

...