REXYGEN Community Forum

mkrupicka

Member

Registered: 2016-11-25

Posts: 8

dygraphOptions

Hello all in Rex Controls!

I was playing a bit with trend graphs in RexHMI Designer using TRND component.
There are several options already available in "Edit HMI Component" dialog enabling user create wonderfull charts, good enough to present development of technical parameters.

There are also probably more options available through dygraphOptions field but I failed to understand how to use it.
I read some documentation on http://dygraphs.com/options.html as suggested by component properties but none of them worked for me.
I was particulary interested in default hiding of the range selector so I tried to put {showRangeSelector = none} into the dygraphOptions field but get an error "Parsing option dygraphOptions failed! It is not valid JSON object. Old value restored!"

Could you give me a hint how to use the dygraphOption or tell me if it is possible at all within RexHMI Designer tool, please?

Pretty usefull for presenting some parameters would be also an area graph (line graph with semi-transparent area between the line and time axis like the graph at the bottom of the following page: http://dygraphs.com/tests/range-selector.html) but that will be the next step :-)

Thank you in advance for answer.

Have a nice day,
Michal

tomáš čechura

Administrator

Registered: 2016-02-22

Posts: 371

Re: dygraphOptions

Hello Michal,

thank you for your kind words.

Try to use following pattern of "dygraphOptions" parameter in TRND RexHMI component:

{"axisLineWidth": 1, "strokeWidth": 2, "highlightSeriesOpts": {"strokeWidth": 5}}

This one definitely worked for me.

Please, let me know if you managed to achieve desired behaviour.

Regards, Tomas

---

Raspberry Pi as a miniature industrial PC. Analog and digital I/O, RS-485 and 1-Wire bus.

mkrupicka

Member

Registered: 2016-11-25

Posts: 8

Re: dygraphOptions

Thanks a lot for your reply Tomas.

That definitely worked also for me. I am just not skilled in this language format :-)
The following expression hid the range selector:

{"showRangeSelector": 0}

I found usefull also an option includeZero to always include 0 value on y-axis and I managed to plot the area chart using fillGraph option.
The graph below was plotted using the following option string:

{"fillGraph": 1, "includeZero": 1, "showRangeSelector": 0}

Regards,
Michal

Last edited by mkrupicka (2018-07-11 13:09:09)