Tracking mouse X location

This example demonstrates a line chart where the line series labels have been configured to return the closest value based on the mouse location. For more details on the specific accessors available to this feature consult the source code.


JavaScript Code
CSS

.dataPoint {
    fill:none;
}
#time_series .d4 .series0 path,  #time_series .lineSeriesLabels text.series0, #time_series .lineSeriesLabels .dataPoint.series0 {
    stroke: darkred;
}
#time_series .lineSeriesLabels text.series1, #time_series .lineSeriesLabels .dataPoint.series1 {
    stroke: green;
}
#time_series .lineSeriesLabels text.series2, #time_series .lineSeriesLabels .dataPoint.series2 {
    stroke: blue;
}
#time_series .lineSeriesLabels text.series3, #time_series .lineSeriesLabels .dataPoint.series3 {
    stroke: purple;
}
#time_series .lineSeriesLabels text.series4, #time_series .lineSeriesLabels .dataPoint.series4 {
    stroke: orange;
}
#time_series .lineSeriesLabels text.series5, #time_series .lineSeriesLabels .dataPoint.series5 {
    stroke: yellow;
}