Маркер отключения Highcharts не работает

Я пытаюсь отключить маркеры на Highcharts, но все еще вижу их, когда нахожу курсор на точки данных и не могу заставить его работать. Я попытался отключить маркеры на уровнях диаграммы, серии и данных, и в каждом случае маркеры просто исчезают, и я не могу получить точки данных при наведении на них курсора. Вот код, в котором я отключаю маркеры для одной серии данных:

<html>
<head>
 <script src="http://code.jquery.com/jquery-1.11.1.js" type="text/javascript"></script>
 <script src="http://code.highcharts.com/highcharts.js"></script>
 <script src="http://code.highcharts.com/highcharts-more.js"></script>
 <script src="http://code.highcharts.com/modules/exporting.js"></script>
 <script>
   $(document).ready(function() {
    //Define the data points


    //Define and render the HighChart
    chart = new Highcharts.Chart({
        chart: {
            renderTo: "container",
            defaultSeriesType: "scatter"
        },
        plotOptions: {
            scatter: {
                lineWidth: 2
            }
        },
       series: [{data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
     marker: {
   enabled: false
     }
  }, 
{data: [129.9, 171.5, 10.4, 12.2, 14.0, 17.0, 13.6, 14.5, 21.4, 19.1, 9.6, 5.4]}]


    })

})
</script>
</head>
<body>

<div id="container" style="height: 600px; min-width: 310px; max-width: 800px; margin: 0 auto"></div>

</body>
</html>

Почему это не работает?


highcharts markers scatter
person Thomas    schedule 05.09.2014    source источник
comment
Похоже, что вам действительно нужен линейный график. Почему бы не использовать тип линии вместо типа разброса? Точечные диаграммы существуют для отображения маркера в определенной точке. Следовательно, отключить маркер будет проблематично.   -  person jlbriggs    schedule 09.09.2014

Ответы (1)


arrow_upward
3
arrow_downward

В точечной диаграмме событие наведения курсора происходит на маркер. Если вы отключите маркеры, вы отключите событие зависания. Я бы просто установил для fillColor значение transparent:

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    marker: {
       fillColor: 'transparent'
    }
}

Скопируйте здесь.

РЕДАКТИРОВАТЬ

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

person Mark    schedule 06.09.2014
comment
Большое спасибо за это. Я пробовал это, и это работает. Я до сих пор не совсем понимаю, почему другой подход не работает, потому что он работает на веб-сайте Highcharts - см. jsfiddle.net/gh/get/jquery/1.7.2/highslide-software / - person Thomas; 07.09.2014
comment
@Thomas, это потому, что вы используете точечную диаграмму, см. Правки выше. - person Mark; 08.09.2014