Как исправить событие мыши в Highcharts

Question

Я пытаюсь построить линию XY, в которой ось Y перевернута, и я получаю график, но mouse event Я не могу исправить это, оно показывает обратное событие, и я хочу автоматически найти минимальную и смешанную оси, как это можно сделать? А как вывести ось х сверху?

Это мой код:

JS

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        zoomType: 'xy',
        marginLeft: 50,
        marginBottom: 90
    },

   // How to get minmax automatically zooming is a issue
   // reverse is true
    yAxis: {
        reversed: true,
        min:0,max:50
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },

   series: [
           {
                   name: '01-Jan-2014',
                   data: [[30,0],[28,10]]
           }
           ]
});
});

HTML

  <script src="http://code.highcharts.com/highcharts.js"></script>
  <div id="container" style="height: 400px"></div>

Вот JS Fiddle.

Можно ли пропустить строку внутри серии? Может быть, мой вопрос глупо, пожалуйста, скажите мне, возможно ли это, как ниже, я заинтересован

   string mystring = "{
                 name: '01-Jan-2014',
                 data: [[28, 10],[30, 0]]
               },
               {
                 name: '01-Jan-2014',
                 data: [[28, 10],[30, 0]]
               }"

В последовательной части кода я хотел бы сделать, как показано ниже

                 series: [ 
                             mystring
                         ]

Ожидаемый вывод из этого массива, отсортированный по оси Y GOOD PATTERN - скрипка, но движение мыши не работает

data:[
[ 25.290,1.000 ],
[ 25.240,2.000 ],
[ 25.210,3.000 ],
[ 25.190,4.000 ],
[ 25.180,5.000 ],
[ 25.170,6.000 ],
[ 25.160,7.000 ],
[ 25.310,8.000 ],
[ 25.210,9.000 ],
[ 25.170,10.000 ],
[ 25.160,11.000 ],
[ 25.160,12.000 ],
[ 25.150,13.000 ],
  ]

здесь я отсортировал xaxis - событие мыши в порядке, но шаблон графика (линия) не тот, который я ожидаю ПЛОХАЯ ШАБЛОН - Fiddle

   data:[
[ 25.150,13.000 ],
[ 25.160,12.000 ],
[ 25.160,11.000 ],
[ 25.160,7.000 ],
[ 25.170,6.000 ],
[ 25.170,10.000 ],
[ 25.180,5.000 ],
[ 25.190,4.000 ],
[ 25.210,9.000 ],
[ 25.210,3.000 ],
[ 25.240,2.000 ],
[ 25.290,1.000 ],
[ 25.310,8.000 ],
  ]

Answer 1

Ответы:

• у вас есть ошибки в консоли JS - исправьте их (сортируйте данные по возрастанию по x-значению!)
• чтобы установить минимальное и максимальное значения, просто ничего не устанавливайте, Highcharts будет рассчитывать крайности
• для отображения xAxis сверху установите opposite: true

Демо: http://jsfiddle.net/2xLvY/1/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        zoomType: 'xy',
        marginLeft: 50,
        marginBottom: 90
    },

    yAxis: {
        reversed: true,
        //min: 0,
        //max: 50
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    xAxis: {
        opposite: true  
    },
    series: [{
        name: '01-Jan-2014',
        data: [
            // NOTE: proper order, first x-value is lower that second
            [28, 10],
            [30, 0]
        ]
    }]
});