AnyChart sample
HTML
<script src="https://cdn.anychart.com/js/7.13.1/anychart-bundle.min.js"></script>
<script src="https://cdn.anychart.com/js/7.13.1/anychart-bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.anychart.com/css/7.13.1/anychart-ui.min.css" /><div id="container"></div>
CSS
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
JavaScript
anychart.onDocumentReady(function() {
chart = anychart.scatter();
chart.line([[1, 5], [2, 4], [4, 6]]);
chart.tooltip(false);
var series, i = 0;
while (series = chart.getSeriesAt(i)) {
series.selectionMode('none');
series.markers(true)
var markers = series.hoverMarkers()
markers.size(4);
series.hoverFill(function() { return this.sourceColor; })
series.hoverStroke(function() { return this.sourceColor; })
i++;
}
chart.container("container");
chart.draw();
});