__data_empty_label when 0 targets to chart.

Code to place the chosen __data_empty_label in the center of the main chart when 0 targets supplied. Takes into account sub chart being active. Styling has been moved to c3.css

__data_empty_label when 0 targets to chart.
8d64915c · Brandon Bernal · fc658310 · 8d64915c
Commit 8d64915c authored May 27, 2014 by Brandon Bernal
Hide whitespace changes
Inline Side-by-side

Showing with 13 additions and 0 deletions

c3.js c3.js +13 -0

No files found.
--- a/c3.js
+++ b/c3.js
@@ -48,6 +48,7 @@
        arcs: 'c3-arcs',
        area: 'c3-area',
        areas: 'c3-areas',
+        empty: 'c3-empty',
        text: 'c3-text',
        texts: 'c3-texts',
        gaugeValue: 'c3-gauge-value',
@@ -167,6 +168,9 @@
            __data_ondragstart = getConfig(['data', 'ondragstart'], function () {}),
            __data_ondragend = getConfig(['data', 'ondragend'], function () {});

+        // configuration for no plot-able data supplied.
+        var __data_empty_label_text = getConfig(['data', 'empty', 'label', 'text'], "");
+        
        // subchart
        var __subchart_show = getConfig(['subchart', 'show'], false),
            __subchart_size_height = getConfig(['subchart', 'size', 'height'], 60);
@@ -2804,6 +2808,15 @@
            updateLegend(mapToIds(c3.data.targets), {withTransform: false, withTransitionForTransform: false});

            /*-- Main Region --*/
+            if (c3.data.targets.length === 0) {
+              main.append("text")
+                .attr("class", CLASS.text + ' ' + CLASS.empty)
+                .attr("x", (getCurrentWidth() - margin.left - margin.right) / 2)
+                .attr("y", (getCurrentHeight() - margin.top - margin.bottom) / 2)
+                .attr("text-anchor", "middle") // horizontal centering of text at x position in all browsers.
+                .attr("dominant-baseline", "middle") // vertical centering of text at y position in all browsers, except IE.
+                .text(__data_empty_label_text);
+            }

            // Grids
            grid = main.append('g')