क्या ज़िंगचर्ट में भारतीय सिस्टम में मूल्य प्रदर्शित करना संभव है?

लाखों की बजाय lakhs, crores में मान प्रदर्शित करना।क्या ज़िंगचर्ट में भारतीय सिस्टम में मूल्य प्रदर्शित करना संभव है?

function formatIndianSuffix(num) { 
    var x = parseInt(num).toString(); 
    var len = x.length; 
    var formattedNum = ""; 
    if (len <= 3) { 
     formattedNum = '₹' + Math.floor(x); 
    } else if (len > 3 && len < 6) { 
     formattedNum = '₹' + (roundOff(x/1000)).toString() + ' K' 
    } else if (len >= 6 && len < 8) { 
     formattedNum = '₹' + (roundOff(x/100000)).toString() + ' L' 
    } else if (len >= 8) { 
     formattedNum = '₹' + (roundOff(x/10000000)).toString() + ' Cr' 
    } 
    return formattedNum; 
}

मैं संख्याओं को प्रारूपित करने के लिए इस फ़ंक्शन का उपयोग कर रहा हूं, लेकिन चार्ट में इसका उपयोग कैसे करें?

स्रोत

2016-09-01 Ankush Bansal

पूर्ण प्रकटीकरण, मैं ज़िंगचर्ट टीम का सदस्य हूं।

हम आपके स्केल लेबल बनाने के लिए समर्थन कार्य करते हैं। यहां एक समान विचार का एक कामकाजी उदाहरण है।

var gFactor = 1.000; 
 
var gFactorMultiplier = 1000; 
 
var myConfig = { 
 
    \t type: "bar", 
 
    \t scaleY:{ 
 
    "factor": gFactor, 
 
    "format":"formatMyLabels()", 
 
    \t label:{ 
 
    \t  text:"Size" 
 
    \t } 
 
    \t }, 
 
    \t plotarea:{ 
 
    \t margin: "dynamic" 
 
    \t }, 
 
\t series : [ 
 
\t \t { 
 
\t \t \t values : [899,1024,1142,2267,3389,4425,5534,6667,7785] 
 
\t \t } 
 
\t ] 
 
}; 
 

 
window.formatMyLabels = function(v) { 
 
    var localFactor = gFactor * gFactorMultiplier; 
 
    switch(localFactor) { 
 
    case 1000: 
 
     if (v < 1000) { 
 
     return v; 
 
     } else if (v >= 1000 && v < 1000000) { 
 
     return v/1000 + 'K' 
 
     } else if (v >= 1000000) { 
 
     return v/1000000 + 'M' 
 
     } 
 
     break; 
 
    case 1024: 
 
    if (v < 1024) { 
 
     return v + 'bps'; 
 
     } else if (v >= 1024) { 
 
     return v/1024 + 'kbps'; 
 
     } 
 
     break; 
 
    } 
 
    
 
} 
 

 
zingchart.render({ 
 
\t id : 'myChart', 
 
\t data : myConfig, 
 
\t height: 400, 
 
\t width: '100%' 
 
});

<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t <!--Assets will be injected here on compile. Use the assets button above--> 
 
\t \t <script src= 'https://cdn.zingchart.com/zingchart.min.js'></script> 
 
\t \t <script> ZC.MODULESDIR = 'https://cdn.zingchart.com/modules/';</script> 
 
\t <!--Inject End--> 
 
\t </head> 
 
\t <body> 
 
\t \t <div id='myChart'></div> 
 
\t </body> 
 
</html>

स्रोत

2016-09-19 23:49:47 nardecky

क्या ज़िंगचर्ट में भारतीय सिस्टम में मूल्य प्रदर्शित करना संभव है?

उत्तर

संबंधित मुद्दे