TeeChart for Javascript

[lema]

Just testing the Steema TeeChart for Javascript.

http://www.steema.com/teechart/html5

chart.rar

[delphiboy]

Good Work!

[Farshad Mohajeri]

Thanks

[chefdackel]

Just testing the Steema TeeChart for Javascript.

 

great, thank you. A good deal to eliminate the flash based charts of UniGui, and at the moment free for non commercial development.

[lema]

It is a good approach from Steema, fast and simple ,

but ,

I think that it has some incompatibilities with uniGUI.

(eg. when you want to work with datetime values and include the src\date.format.js ,

it breaks down the uniDateTimePicker)

[estor485]

Thanks is very good, but I have a doubt, how to conect the graphic with a DB?

[estor485]

I've played with the example and I changed this line "'var series=Chart1.addSeries(new Tee.line(Chart1));' +" and I created a graphic Pie , but I can't activate the property "Donut", in Sencha example the form contain a buttom for active this option and one button for save image, how is posible activate these options for this example?

 

Best regards.

[Semper]

Tip for saving TeeChart for Javascript as Image:

1. Add to example UniHTMLFrame.

2. Edit UniHTMLFrame.HTML property. Insert line:  <img id="img">

3. Add button. OnButtonClick -> UniSession.AddJS('Chart1.toImage("img");');

 

The resulting image can be saved in any browser.

 

 

 

[Hayri ASLAN]

Hi lema,

 

Thank you for sharing.

 

How can we connect this to DB?

[Hayri ASLAN]

Hi,

 

you can show value of database like that:

 

      .

      . 

      .

     adoquery.active:=True;

 

    while not eof do

       begin

         tmp:=tmp+',"'+IntToStr(Trunc(FieldByName('hiz').AsFloat))+'"';

         next;

         Application.ProcessMessages;

       end;

       tmp:=Copy(tmp,2,length(tmp)-1);

 

     UniSession.AddJS('var querydata = new Array('+tmp+');');

 

 

  UniSession.AddJS(

    'for (var t=0; t<'+IntToStr(ADOQuery.RecordCount)+'; t++) {' +

    'series.data.values[t]=querydata[t];' +

    'series.data.x[t]=t;' +

    '}'

    );

[Farshad Mohajeri]

Application.ProcessMessages;
 

Has no effect in web mode.

[Hayri ASLAN]

 

Application.ProcessMessages;
 

Has no effect in web mode.

Hi Farshad,

 

I use this because i am used to using this.

 

Thanks for your information.

[Semper]

 

Hi,

 

you can show value of database like that:

 

      .

      . 

      .

     adoquery.active:=True;

 

    while not eof do

       begin

         tmp:=tmp+',"'+IntToStr(Trunc(FieldByName('hiz').AsFloat))+'"';

         next;

         Application.ProcessMessages;

       end;

       tmp:=Copy(tmp,2,length(tmp)-1);

 

     UniSession.AddJS('var querydata = new Array('+tmp+');');

 

 

  UniSession.AddJS(

    'for (var t=0; t<'+IntToStr(ADOQuery.RecordCount)+'; t++) {' +

    'series.data.values[t]=querydata[t];' +

    'series.data.x[t]=t;' +

    '}'

    );

I tried this solution. It works but for large datasets it increases the amount of memory occupied by the program. I'm beginner in Javascript. Maybe there is some way to clear Javascripts?

[Hayri ASLAN]

Hi Semper,

 

I search the other examples such as UniKendodataviz and they are also use this method.

[VojkoCendak]

Hi,

is it possible to align TeeChart alclient and respond to window (parent) resize event ?

thank you,

Vojko