X Axis Data Consists of year and y consists of runs made by player

• May 13, 2016 at 5:50 pm #10485
  
  Cameron

  I am working with a line chart. My line chart create perfectly but these two things are not implementing:

  1. X-Axis: This data is consists of year but it is taking half value also like 2010 is year then it display as thosand seperator “2,010” and also having next value is coming with .5 like “2,010.5”. I dont want thousand seperator. I want simply year display and also half value not show. I see “valueFormatString” for X-axis but it is not working for me.

  2. In Y-axis i want data range is big 10,100,1000,10000 and so on…..

  May 13, 2016 at 8:19 pm #10492
  
  Sanjoy

  [Update]: We have just released v1.9.0 with Logarithmic Axis. Please checkout gallery page for Logarithmic Scale.

  Cameron,

  1. We checked, valueFormatString is working fine. Can you pleasse create a jsfiddle with reproducing the issue.

  2. Are you looking for logarithmic axisY? Here is an example. If this doesn’t suite your requirements, could you please provide us a pictorial representation to understand better.

  May 18, 2016 at 1:25 pm #10504
  
  Cameron

  Yes valueFormatString is working correctly but if width is “100%” then it does not work in the case of Year representation in xAxis.

  May 18, 2016 at 2:02 pm #10506
  
  Cameron

  In your example also if you plot x-axis data with respect to year then you see data comes as quama seperated.

  May 18, 2016 at 3:30 pm #10507
  
  Cameron

  Please check updated fiddle example in this if i apply changes for Y-axis it is not implementing. Example. I again revert my changes. Please apply changes for Y-axis.

  May 18, 2016 at 3:40 pm #10508
  
  Cameron

  Here is a example link.

  May 18, 2016 at 4:45 pm #10509
  
  Cameron

  And also is it possible to start X and Y axis from initial point with out gap from left for X-axis.

  May 19, 2016 at 11:49 am #10511
  
  Sanjoy

  [Update]: We have just released v1.9.0 with Logarithmic Axis. Please checkout gallery page for Logarithmic Scale.

  Cameron,

  In your example you have to set valueFormatString inside axisY object for applying to axisY labels.

  In case you are using labelFormatter for implementing logarithmic axisY it will override valueFormatString. So, in this case inside labelFormatter function in the CanvasJS.formatNumber method you have to pass required format as second argument. Eg. in the example of logarithmic axisY by rewriting line 12 as below would remove the comma.

  lable = CanvasJS.formatNumber(lable/1000, "####") +"k";

  • This reply was modified 8 years, 6 months ago by Sanjoy.
  • This reply was modified 4 years, 2 months ago by Vishwas R.
  May 19, 2016 at 12:48 pm #10515
  
  Cameron

  Can you please create another feedle for my requirement.

  May 19, 2016 at 12:59 pm #10516
  
  Cameron

  I implemented my function to your example and create new feedle link but you can check it is not implemented.

  May 19, 2016 at 3:34 pm #10517
  
  Sanjoy

  [Update]: We have just released v1.9.0 with Logarithmic Axis. Please checkout gallery page for Logarithmic Scale.

  Cameron,

  I have made necessary change as per your requirement. And here is the updated fiddle. Hope, this will help you.

  And in log scale you can plot only positive numbers. So, for negative numbers and zero you can transform it to null value.

  • This reply was modified 8 years, 3 months ago by Sunil Urs.
  May 19, 2016 at 4:53 pm #10518
  
  Cameron

  Got my issue. Thanks it is working and one more thing can X and Y axis start from same point so gap not occurs from left.

  • This reply was modified 8 years, 6 months ago by Cameron.
  • This reply was modified 8 years, 6 months ago by Cameron.
  • This reply was modified 8 years, 6 months ago by Cameron.
  May 19, 2016 at 5:13 pm #10522
  
  Cameron

  Zero is not coming in Y-axis. It should be started from 0.

  May 20, 2016 at 11:45 am #10526
  
  Sanjoy

  [Update]: We have just released v1.9.0 with Logarithmic Axis. Please checkout gallery page for Logarithmic Scale.

  You can manage the viewport by setting viewportMinimum and/or viewportMaximum. Using which you can reduce the gap. And in logarithmic axis 0 always maps to 1 as log(1) = 0.

  • This reply was modified 8 years, 3 months ago by Sunil Urs.
  May 20, 2016 at 11:54 am #10527
  
  Cameron

  But please check line is not draw to X-axis for Team E. It display gap. It should draw line.