Выделить ближайшую серию — но показывать только X/Y выделенной серии?

Я пытаюсь адаптировать свой график, чтобы он вел себя как два последних графика на этой странице: http://dygraphs.com/tests/series-highlight.html, где при наведении мыши отображаются только координаты X/Y конкретной выделенной серии, а не ВСЕ координаты для этого значения X.

Кажется, я не могу понять, где в javascript это указано, и кажется, что все 4 из этих графиков настроены одинаково, но ведут себя по-разному.

Мой код в настоящее время выглядит так и хорошо работает для выделения ближайших серий, но он слишком загроможден ВСЕМИ точками меток.

<script type="text/javascript">
g = new Dygraph(

// containing div
document.getElementById("graphdiv"),

// CSV or path to a CSV file.
<?php echo $chartDataString; ?>,
{
    title: 'Total Cycles',
    ylabel: 'Portfolio ($)',
    xlabel: 'Year',
    labelsDivStyles: { 'textAlign': 'right' },
    digitsAfterDecimal: 0,
    axes: {
        y: {
                labelsKMB: true,
        },
    },
    showLabelsOnHighlight: false,
    highlightCircleSize: 2,
    strokeWidth: 1,
    strokeBorderWidth: 1,
    highlightSeriesOpts: {
      strokeWidth: 3,
      strokeBorderWidth: 1,
      highlightCircleSize: 5,
    },
}

 );

Любые идеи? Я довольно новичок в javascript и просто не могу понять, что происходит в примере.


dygraphs
person bo_knows    schedule 24.07.2013    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Это делается с помощью CSS:

<style type='text/css'>
  .many .dygraph-legend > span { display: none; }
  .many .dygraph-legend > span.highlight { display: inline; }
</style>

Только выделенная серия получает в легенде класс «изюминка».

person danvk    schedule 24.07.2013
comment
Это потрясающе. Есть ли конкретное руководство по CSS для различных классов в dygraph? У меня проблемы с длинными метками оси Y (валюта до 10 цифр), исчезающими за графиком. Я пытался выяснить, в каком div он находится, и изменить отображение, но безуспешно. - person bo_knows; 24.07.2013
comment
Не официальный — это часть документации, которую нам нужно улучшить. - person danvk; 25.07.2013