diff --git a/assets/js/components/Sessions/AvgCostGroupedChart.vue b/assets/js/components/Sessions/AvgCostGroupedChart.vue index 75feaf485..3af675bf0 100644 --- a/assets/js/components/Sessions/AvgCostGroupedChart.vue +++ b/assets/js/components/Sessions/AvgCostGroupedChart.vue @@ -92,8 +92,7 @@ export default { ...commonOptions.plugins, tooltip: { ...commonOptions.plugins.tooltip, - intersect: false, - mode: "index", + axis: "r", position: "topBottomCenter", callbacks: { title: () => null, diff --git a/assets/js/components/Sessions/CostGroupedChart.vue b/assets/js/components/Sessions/CostGroupedChart.vue index 3ace87e2c..fc010d1a2 100644 --- a/assets/js/components/Sessions/CostGroupedChart.vue +++ b/assets/js/components/Sessions/CostGroupedChart.vue @@ -86,9 +86,8 @@ export default { ...commonOptions.plugins, tooltip: { ...commonOptions.plugins.tooltip, - mode: "index", + axis: "r", position: "center", - intersect: false, callbacks: { label: (tooltipItem) => this.formatValue(tooltipItem.raw || 0), labelColor: tooltipLabelColor(false), diff --git a/assets/js/components/Sessions/CostHistoryChart.vue b/assets/js/components/Sessions/CostHistoryChart.vue index 59dbe09f0..d1df88d01 100644 --- a/assets/js/components/Sessions/CostHistoryChart.vue +++ b/assets/js/components/Sessions/CostHistoryChart.vue @@ -223,8 +223,7 @@ export default { ...commonOptions.plugins, tooltip: { ...commonOptions.plugins.tooltip, - mode: "index", - intersect: false, + axis: "x", positioner: (context) => { const { chart, tooltipPosition } = context; const { tooltip } = chart; diff --git a/assets/js/components/Sessions/EnergyGroupedChart.vue b/assets/js/components/Sessions/EnergyGroupedChart.vue index 0f49d25dd..560e788e3 100644 --- a/assets/js/components/Sessions/EnergyGroupedChart.vue +++ b/assets/js/components/Sessions/EnergyGroupedChart.vue @@ -102,9 +102,8 @@ export default { ...commonOptions.plugins, tooltip: { ...commonOptions.plugins.tooltip, - mode: "index", + axis: "r", position: "center", - intersect: false, callbacks: { label: (tooltipItem) => this.formatValue(tooltipItem.raw || 0), labelColor: tooltipLabelColor(false), diff --git a/assets/js/components/Sessions/EnergyHistoryChart.vue b/assets/js/components/Sessions/EnergyHistoryChart.vue index 20814479d..73c5a2562 100644 --- a/assets/js/components/Sessions/EnergyHistoryChart.vue +++ b/assets/js/components/Sessions/EnergyHistoryChart.vue @@ -159,8 +159,7 @@ export default { ...commonOptions.plugins, tooltip: { ...commonOptions.plugins.tooltip, - mode: "index", - intersect: false, + axis: "x", positioner: (context) => { const { chart, tooltipPosition } = context; const { tooltip } = chart; diff --git a/assets/js/components/Sessions/SolarGroupedChart.vue b/assets/js/components/Sessions/SolarGroupedChart.vue index cc0894d6c..4c374d046 100644 --- a/assets/js/components/Sessions/SolarGroupedChart.vue +++ b/assets/js/components/Sessions/SolarGroupedChart.vue @@ -92,8 +92,7 @@ export default { ...commonOptions.plugins, tooltip: { ...commonOptions.plugins.tooltip, - intersect: false, - mode: "index", + axis: "r", position: "topBottomCenter", callbacks: { title: () => null, diff --git a/assets/js/components/Sessions/SolarYearChart.vue b/assets/js/components/Sessions/SolarYearChart.vue index fbad38b01..1d60d4bc9 100644 --- a/assets/js/components/Sessions/SolarYearChart.vue +++ b/assets/js/components/Sessions/SolarYearChart.vue @@ -147,8 +147,6 @@ export default { ...commonOptions.plugins, tooltip: { ...commonOptions.plugins.tooltip, - intersect: false, - mode: "index", axis: "xy", position: "topBottomCenter", callbacks: { diff --git a/assets/js/components/Sessions/chartConfig.js b/assets/js/components/Sessions/chartConfig.js index 0db9db157..a69cbc8ba 100644 --- a/assets/js/components/Sessions/chartConfig.js +++ b/assets/js/components/Sessions/chartConfig.js @@ -45,6 +45,8 @@ export const commonOptions = { boxPadding: 5, usePointStyle: false, borderWidth: 0.00001, + mode: "index", + intersect: false, }, }, };