add formatLabels module method for scatter{polar,geo,ternary,carpet}

...  in an effort to bring texttemplate and hover coordinates
     formatting to the same place.

Author: etpinard

src/traces/barpolar/index.js

@@ -24,6 +24,7 @@ module.exports = {
 
     plot: require('./plot'),
     colorbar: require('../scatter/marker_colorbar'),
+    formatLabels: require('../scatterpolar/format_labels'),
 
     style: require('../bar/style').style,
     styleOnSelect: require('../bar/style').styleOnSelect,

src/traces/scatter/format_labels.js

@@ -0,0 +1,24 @@
+/**
+* Copyright 2012-2019, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+
+module.exports = function formatLabels(cdi, trace, fullLayout) {
+    var labels = {};
+
+    var mockGd = {_fullLayout: fullLayout};
+    var xa = Axes.getFromTrace(mockGd, trace, 'x');
+    var ya = Axes.getFromTrace(mockGd, trace, 'y');
+
+    labels.xLabel = Axes.tickText(xa, cdi.x, true).text;
+    labels.yLabel = Axes.tickText(ya, cdi.y, true).text;
+
+    return labels;
+};

src/traces/scatter/index.js

@@ -24,6 +24,7 @@ module.exports = {
     arraysToCalcdata: require('./arrays_to_calcdata'),
     plot: require('./plot'),
     colorbar: require('./marker_colorbar'),
+    formatLabels: require('./format_labels'),
     style: require('./style').style,
     styleOnSelect: require('./style').styleOnSelect,
     hoverPoints: require('./hover'),

src/traces/scattercarpet/format_labels.js

@@ -0,0 +1,25 @@
+/**
+* Copyright 2012-2019, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+module.exports = function formatLabels(cdi, trace) {
+    var labels = {};
+
+    var carpet = trace._carpet;
+    var ij = carpet.ab2ij([cdi.a, cdi.b]);
+    var i0 = Math.floor(ij[0]);
+    var ti = ij[0] - i0;
+    var j0 = Math.floor(ij[1]);
+    var tj = ij[1] - j0;
+    var xy = carpet.evalxy([], i0, j0, ti, tj);
+
+    labels.yLabel = xy[1].toFixed(3);
+
+    return labels;
+};

src/traces/scattercarpet/hover.js

@@ -49,13 +49,8 @@ module.exports = function hoverPoints(pointData, xval, yval, hovermode) {
     var trace = newPointData.trace;
     var carpet = trace._carpet;
 
-    var ij = carpet.ab2ij([cdi.a, cdi.b]);
-    var i0 = Math.floor(ij[0]);
-    var ti = ij[0] - i0;
-    var j0 = Math.floor(ij[1]);
-    var tj = ij[1] - j0;
-    var xy = carpet.evalxy([], i0, j0, ti, tj);
-    newPointData.yLabel = xy[1].toFixed(3);
+    var labels = trace._module.formatLabels(cdi, trace);
+    newPointData.yLabel = labels.yLabel;
 
     delete newPointData.text;
     var text = [];

src/traces/scattercarpet/index.js

@@ -12,6 +12,7 @@ module.exports = {
     attributes: require('./attributes'),
     supplyDefaults: require('./defaults'),
     colorbar: require('../scatter/marker_colorbar'),
+    formatLabels: require('./format_labels'),
     calc: require('./calc'),
     plot: require('./plot'),
     style: require('../scatter/style').style,

src/traces/scattergeo/format_labels.js

@@ -0,0 +1,23 @@
+/**
+* Copyright 2012-2019, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Axes = require('../../plots/cartesian/axes');
+
+module.exports = function formatLabels(cdi, trace, fullLayout) {
+    var labels = {};
+
+    var geo = fullLayout[trace.geo]._subplot;
+    var ax = geo.mockAxis;
+    var lonlat = cdi.lonlat;
+    labels.lonLabel = Axes.tickText(ax, ax.c2l(lonlat[0]), true).text;
+    labels.latLabel = Axes.tickText(ax, ax.c2l(lonlat[1]), true).text;
+
+    return labels;
+};

src/traces/scattergeo/hover.js

@@ -9,7 +9,6 @@
 'use strict';
 
 var Fx = require('../../components/fx');
-var Axes = require('../../plots/cartesian/axes');
 var BADNUM = require('../../constants/numerical').BADNUM;
 
 var getTraceColor = require('../scatter/get_trace_color');
@@ -63,9 +62,11 @@ module.exports = function hoverPoints(pointData, xval, yval) {
     pointData.lon = lonlat[0];
     pointData.lat = lonlat[1];
 
-    var ax = geo.mockAxis;
-    pointData.lonLabel = Axes.tickText(ax, ax.c2l(pointData.lon), 'hover').text;
-    pointData.latLabel = Axes.tickText(ax, ax.c2l(pointData.lat), 'hover').text;
+    var fullLayout = {};
+    fullLayout[trace.geo] = {_subplot: geo};
+    var labels = trace._module.formatLabels(di, trace, fullLayout);
+    pointData.lonLabel = labels.lonLabel;
+    pointData.latLabel = labels.latLabel;
 
     pointData.color = getTraceColor(trace, di);
     pointData.extraText = getExtraText(trace, di, pointData, cd[0].t.labels);

src/traces/scattergeo/index.js

@@ -12,6 +12,7 @@ module.exports = {
     attributes: require('./attributes'),
     supplyDefaults: require('./defaults'),
     colorbar: require('../scatter/marker_colorbar'),
+    formatLabels: require('./format_labels'),
     calc: require('./calc'),
     plot: require('./plot'),
     style: require('./style'),

src/traces/scatterpolar/format_labels.js

@@ -0,0 +1,40 @@
+/**
+* Copyright 2012-2019, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+var Axes = require('../../plots/cartesian/axes');
+
+module.exports = function formatLabels(cdi, trace, fullLayout) {
+    var labels = {};
+
+    var subplot = fullLayout[trace.subplot]._subplot;
+    var radialAxis;
+    var angularAxis;
+
+    // for scatterpolargl texttemplate, _subplot is NOT defined, this takes part during the convert step
+    // TODO we should consider moving the texttemplate formatting logic to the plot step
+    if(!subplot) {
+        subplot = fullLayout[trace.subplot];
+        radialAxis = subplot.radialaxis;
+        angularAxis = subplot.angularaxis;
+    } else {
+        radialAxis = subplot.radialAxis;
+        angularAxis = subplot.angularAxis;
+    }
+
+    var rVal = radialAxis.c2l(cdi.r);
+    labels.rLabel = Axes.tickText(radialAxis, rVal, true).text;
+
+    // N.B here the ° sign is part of the formatted value for thetaunit:'degrees'
+    var thetaVal = angularAxis.thetaunit === 'degrees' ? Lib.rad2deg(cdi.theta) : cdi.theta;
+    labels.thetaLabel = Axes.tickText(angularAxis, thetaVal, true).text;
+
+    return labels;
+};