mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-06 20:29:12 +02:00
Set new tooltip templates for the scatter chart
This commit is contained in:
parent
4cc24d475a
commit
008bb1aab3
@ -88,7 +88,7 @@
|
||||
var ctx = document.getElementById("canvas").getContext("2d");
|
||||
window.myScatter = new Chart(ctx).Scatter(scatterChartData, {
|
||||
responsive: true,
|
||||
hoverMode: 'single',
|
||||
hoverMode: 'single', // should always use single for a scatter chart
|
||||
scales: {
|
||||
xAxes: [{
|
||||
gridLines: {
|
||||
|
@ -6,7 +6,7 @@
|
||||
helpers = Chart.helpers;
|
||||
|
||||
var defaultConfig = {
|
||||
|
||||
hoverMode: 'single',
|
||||
scales: {
|
||||
xAxes: [{
|
||||
scaleType: "linear", // scatter should not use a dataset axis
|
||||
@ -94,6 +94,9 @@
|
||||
//String - A legend template
|
||||
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].borderColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
|
||||
|
||||
tooltipTemplate: "(<%= dataX %>, <%= dataY %>)",
|
||||
multiTooltipTemplate: "<%if (datasetLabel){%><%=datasetLabel%>: <%}%>(<%= dataX %>, <%= dataY %>)",
|
||||
|
||||
};
|
||||
|
||||
|
||||
@ -334,8 +337,10 @@
|
||||
helpers.extend(point, {
|
||||
x: xScale.getPixelForValue(this.data.datasets[datasetIndex].data[index].x),
|
||||
y: yScale.getPixelForValue(this.data.datasets[datasetIndex].data[index].y),
|
||||
value: this.data.datasets[datasetIndex].data[index].y,
|
||||
label: this.data.datasets[datasetIndex].data[index].x,
|
||||
dataX: this.data.datasets[datasetIndex].data[index].x,
|
||||
dataY: this.data.datasets[datasetIndex].data[index].y,
|
||||
label: '', // so that the multitooltip looks ok
|
||||
value: this.data.datasets[datasetIndex].data[index].y, // for legacy reasons
|
||||
datasetLabel: this.data.datasets[datasetIndex].label,
|
||||
// Appearance
|
||||
hoverBackgroundColor: this.data.datasets[datasetIndex].pointHoverBackgroundColor || this.options.pointHoverBackgroundColor,
|
||||
|
Loading…
Reference in New Issue
Block a user