Cannot set a string array to x-axis in a responsive chart

• January 21, 2019 at 6:19 am #24050
  
  kris

  While my responsive chart worked well when I set digit arrays to both X and Y axis. it didn’t show any line when I changed the x axis value to a string array. I’m wondering if it’s possible to set string to the x axis because I want to get a responsive chart with x-axis showing the time and y-axis showing the corresponding data.

  January 21, 2019 at 6:46 pm #24055
  
  Indranil

  @kris,

  You can achieve the above requirement by passing dataPoint x-value as Date Object and the corresponding y-value as numeric. Please take a look at this documentation page to render a chart with Date & Time axis.

  ___________
  Indranil Deo,
  Team CanvasJS

  January 22, 2019 at 10:46 am #24065
  
  kris

  Hi Indranil,

  Thanks for your timely reply. It works but with a format problem. I gave values in x as dateTime stamps and tried those values in the page you gave me last time where it showed correct time. But when it comes to the responsive chart, x axis values are a little strange which showed numbers like 200ms, 600ms, only the last one showing the correct time. I’m not quite sure how to solve this problem and wondering if you could give me some advice on it.

  Thanks in advance.

  January 22, 2019 at 6:50 pm #24066
  
  Indranil

  @kris,

  Can you please create and share a JSFiddle reproducing the issue, so that we can look into your code, understand it better and help you out.

  ___________
  Indranil Deo,
  Team CanvasJS

  January 23, 2019 at 6:20 am #24069
  
  kris

  Hi Indranil,

  Thanks again for your kind help. I created my JSFiddle and the URL is https://jsfiddle.net/v072b9hz/ .

  By the way, I know I shouldn’t set a static array as the data to a responsive chart, but later I’ll change data source to a variable including only one datetime and its corresponding temperature which I’ll get from the server every second. Before that, I just want to make sure everything should work.

  January 23, 2019 at 10:32 pm #24077
  
  Indranil

  @kris,

  Since the difference in the consecutive timestamp is in terms of milliseconds, the corresponding labels displayed on the Axis X are in milliseconds. Setting the valueFormatString of the Axis X to “MMM DD YYYY hh:mm:ss” will work fine in your case.

  Please take a look at this updated jsfiddle.

  ___________
  Indranil Deo,
  Team CanvasJS

  January 24, 2019 at 9:17 am #24079
  
  kris

  Hi Indranil,

  Thanks so much for your help. It works well now.