valueFormatString: String

Comments 32

1. Is there a way to show a label as 4K, or 2.4M?

2. Hii , if i use valueFormatString: “#,.K”, for yaxis 0 level also am getting k, is there any option to display only 0 or 0k

   • chaitra,

     Please use valueFormatString:”#0,.k” for the same.

     • Is it possible to use both M and K? suppose if value is 1000 then it will show 1K, if 1000000 then 1M
       And if 20 then only 20.
       Thank you.

       • muradcse,

         It is not possible yet. But we will consider it for future version.

3. is there any way to set values of axis y is a set of string . example : pencil, book, ink …etc

   • zadwhite,

     As of now it is not possible.

4. Percentage placeholder option does not work as documented. Returns a percentage. 3(“#%”) -> 300%. Documented as 3(“#%”) -> 300.

   • John,

     Thanks for reporting. It was a mistake in the documentation and the behaviour is right. We have corrected the same.

5. I need it scaled by 100. In the documentation, 3(“#’%'”) returns the literal ‘%’ sign (refer to ‘string’ format specifier. 3(“#%”) should return the number scaled by 100, like per mille placeholder, to be consistent. Your documentation was correct.

6. Is it possible to chage the Group separator to a dot like 1.000.000,00 as it is used in Germany ?

   • Yes. Please refer to this section for more details.

7. The decimal point does not work for me, my data is e.g. 85.4321 and I want to show on the graf just 85.43, so I put valueFormatString: “0.00”, but nothing happens, can you help me please ?

   • peter,

     Can you please create a jsfiddlewith your code so that we can have a look ?

8. A value callback() function would be great. Custom y label based on the incremented value at that point. ie, 0 1 2 3 4 5,

   axisY:{
   valueFormatString: function(val){ if(val==3){ return “Tres!”; },
   },

   • Update: Custom Formatting is now available in v1.7.0. Please checkout label formatter.
     

9. // — chart options
   ….
   valueFormatString: function(val){
   if(val == 20){
   return “twenty”;
   }
   },
   ….

   //– canvasjs.js
   var numberFormat = function(v,fs,cultureInfo){
   // allow callback as valueFormatString
   if (typeof (fs) == “function”) {
   var _v = fs(v);
   return (_v != null)?_v:v;
   }

   …… normal code continues

   • Eli,

     We have already callback feature in the upcoming version – v1.7. We’ll be releasing this by the end of this week. In case you want to try an early build, please contact us at info@canvasjs.com

   • Update: Custom Formatting is now available in v1.7.0. Please checkout label formatter.
     

10. is there any way to set values of axis y to Decrease, I want it to start from 100 and end with 0.

    • kamel,

      This feature is not available yet.

11. How to reverse to order for axisY to be instead of 1 to 100 to be 100 to 1?

    • This feature is not available yet.

      • Will this feature be available soon?

        Thanks in advance. =)

        • We considered it for upcoming versions. As of now you can use this workaround.

12. If I want to remove zero (“0”) from Axis Y , How can I do it ? Please help me… Tnx

    • Eranga,

      You can customize axis labels using a custom labelFormatter

13. Hello,

    Some one please help me in plotting line graph with example
    i want to use string data on Axis -Y and time data will be on Axis-x

    e.g.

    Axis – Y : “A”,”B”,”C”,”D”,”E”… and so on and
    Axis – X : 10:30 , 10:35,10:40 ……

    Thanks in advance

    • I hope this example will help you.

      • Thanks for example :)

        can i use same return function for tooltip

        e.g :

        toolTip:{
        contentFormatter: function(e){
        return customLabel(e.value);
        }
        },

        • Yes, you can customize and use it as required.

14. Thanks Sanjoy :) its working for me.. :)