Hi Martin,

Thank you for getting back to me, I tried to implement the rebinding data and still have nothing display for me on the graph. Below is a screenshot of the AJAX call that I am using to rebind the data onto the global array I setup (which is called "oregonData"):

I am still stuck on this subject with the igDataChart. I was wondering can you give me a snippet demonstration on how to do it with the "insert, remove, set" method and the "rebinding" method?

I think I might be going down the wrong way with this but below is also how I setup the datachart in the JQUERY also, so you get the context of how I setup up. Any help is great! Thank you for taking your time helping me out with this!

CreateChart("#chart", "Line");

          function CreateChart(chartID, chartTitle) {
            $(chartID).igDataChart({
              width: "1000px",
              height: "500px",
              title: chartTitle,
              horizontalZoomable: true,
              verticalZoomable: true,
              dataSource: oregonData,
              axes: [{
                  name: "xAxis",
                  type: "categoryDateTimeX",
                  dateTimeMemberPath: "dateTime",
                  lateb: "dateTime",
                  labelAngle: -70,
                  formatLabel: function(item) {
                    var res = '';
                    res += item.getFullYear();
                    res += "/";
                    res += item.getMonth() + 1;
                    res += "/";
                    res += item.getDate();
                    res += ' '
                    res += ("0" + item.getHours()).slice(-2);
                    res += ':';
                    res += ("0" + item.getMinutes()).slice(-2);
                    return res;
                  },
                  labelTextStyle: "8pt Verdana",
                },
                {
                  name: "yAxis",
                  type: "numericY",
                  title: "Price(s)",
                  labelTextStyle: "8pt Verdana",
                }
              ],
              series: [{
                type: "line",
                markerType: "circle",
                xAxis: "xAxis",
                yAxis: "yAxis",
                name: "Oregon",
                valueMemberPath: "diesel",
                isTransitionInEnabled: true,
                isHighlightingEnabled: true,
              }]
            });
          }

Thank you,

Tu

Hi Martin,

Thank you for your reply and helping out, I tried to implement this and test it out and it works when the array is static. Currently, I'm working on this with an API call and using ajax to get the data, and the data would not update on the DataChart with the ajax call with this layout. Is there a way to use this layout calling the usage of a dynamically rather than static?

Thank you,