trace type indicator

lib/index-finance.js

@@ -18,7 +18,8 @@ Plotly.register([
     require('./ohlc'),
     require('./candlestick'),
     require('./funnel'),
-    require('./waterfall')
+    require('./waterfall'),
+    require('./indicator')
 ]);
 
 module.exports = Plotly;

lib/index.js

@@ -49,6 +49,7 @@ Plotly.register([
     require('./scattermapbox'),
 
     require('./sankey'),
+    require('./indicator'),
 
     require('./table'),
 

lib/indicator.js

@@ -0,0 +1,11 @@
+/**
+* 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 = require('../src/traces/indicator');

src/constants/delta.js

@@ -0,0 +1,20 @@
+/**
+* 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 = {
+    INCREASING: {
+        COLOR: '#3D9970',
+        SYMBOL: '▲'
+    },
+    DECREASING: {
+        COLOR: '#FF4136',
+        SYMBOL: '▼'
+    }
+};

src/plot_api/plot_api.js

@@ -3779,6 +3779,9 @@ function makePlotFramework(gd) {
     // single sunburst layer for the whole plot
     fullLayout._sunburstlayer = fullLayout._paper.append('g').classed('sunburstlayer', true);
 
+    // single indicator layer for the whole plot
+    fullLayout._indicatorlayer = fullLayout._paper.append('g').classed('indicatorlayer', true);
+
     // fill in image server scrape-svg
     fullLayout._glimages = fullLayout._paper.append('g').classed('glimages', true);
 

src/snapshot/tosvg.js

@@ -88,7 +88,7 @@ module.exports = function toSVG(gd, format, scale) {
     // fill whatever container it's displayed in regardless of plot size.
     svg.node().style.background = '';
 
-    svg.selectAll('text')
+    svg.selectAll('text,tspan')
         .attr({'data-unformatted': null, 'data-math': null})
         .each(function() {
             var txt = d3.select(this);