Выделите Ближайшие серии - но только показать X/Y выделенных серий?

Question

Я пытаюсь адаптировать свой график так, чтобы он вел себя как последние 2 графика на этой странице: 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, и просто не могу понять, что происходит в примере.

Answer 1

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

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

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