High charts developer guide.

Hi Team,

We want to use high charts plugins in our DHIS custom apps. We have been through developer guide and found plugins part where there are 2 examples for each but they do not fit our requirement. What we are looking towards is to create charts/tables in all 4 visualization apps and show them in custom app but with a different relative period date. Could you please let us know on how to proceed

Thanks and Regards,

Sultan Ahamar.

Hello!

It seems that the example in the documentation
(Home - DHIS2 Documentation)
is incomplete.

The instruction for actually loading the favorite/custom chart config
is missing:

This is the command:

chartPlugin.load(r1, r2);

Have a look at charts-app/plugin.html at master · dhis2/charts-app · GitHub
for a working example.

Hope this helps.

Regards,

···

On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad <sultanm@thoughtworks.com> wrote:

Hi Team,

We want to use high charts plugins in our DHIS custom apps. We have been
through developer guide and found plugins part where there are 2 examples
for each but they do not fit our requirement. What we are looking towards is
to create charts/tables in all 4 visualization apps and show them in custom
app but with a different relative period date. Could you please let us know
on how to proceed

Thanks and Regards,
Sultan Ahamar.

_______________________________________________
Mailing list: https://launchpad.net/~dhis2-devs
Post to : dhis2-devs@lists.launchpad.net
Unsubscribe : https://launchpad.net/~dhis2-devs
More help : https://help.launchpad.net/ListHelp

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org

Hi Edoardo,

This example talks about loading existing charts, but what we want is to load them but use a different relative time period.

For example if a chart has time period last 6 months then, it would load last six months of data (aug, jul, jun, may, apr, feb 2017)

but what we want is to set the relative time period different like I want 6 months of data starting june of 2016 it will be (jan, feb mar apr may jun)

Thanks,

Sultan Ahamar.

···

On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli edoardo@dhis2.org wrote:

Hello!

It seems that the example in the documentation

(https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin)

is incomplete.

The instruction for actually loading the favorite/custom chart config

is missing:

This is the command:

chartPlugin.load(r1, r2);

Have a look at https://github.com/dhis2/charts-app/blob/master/plugin.html

for a working example.

Hope this helps.

Regards,

On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Team,

We want to use high charts plugins in our DHIS custom apps. We have been

through developer guide and found plugins part where there are 2 examples

for each but they do not fit our requirement. What we are looking towards is

to create charts/tables in all 4 visualization apps and show them in custom

app but with a different relative period date. Could you please let us know

on how to proceed

Thanks and Regards,

Sultan Ahamar.


Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

I understand.

One way would be to save a new favorite with the desired relative
period date and load that favorite in the script.
If you want to pass the chart configuration directly in the script, it
would be helpful if you can post the code you are using.

I'll fix the example in the documentation, as it has a couple of
syntax errors and missing parts.

Regards,

···

On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad <sultanm@thoughtworks.com> wrote:

Hi Edoardo,

This example talks about loading existing charts, but what we want is to
load them but use a different relative time period.

For example if a chart has time period last 6 months then, it would load
last six months of data (aug, jul, jun, may, apr, feb 2017)
but what we want is to set the relative time period different like I want 6
months of data starting june of 2016 it will be (jan, feb mar apr may jun)

Thanks,
Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli <edoardo@dhis2.org> > wrote:

Hello!

It seems that the example in the documentation

(Home - DHIS2 Documentation)
is incomplete.

The instruction for actually loading the favorite/custom chart config
is missing:

This is the command:

chartPlugin.load(r1, r2);

Have a look at charts-app/plugin.html at master · dhis2/charts-app · GitHub
for a working example.

Hope this helps.

Regards,

On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad >> <sultanm@thoughtworks.com> wrote:
> Hi Team,
>
> We want to use high charts plugins in our DHIS custom apps. We have been
> through developer guide and found plugins part where there are 2
> examples
> for each but they do not fit our requirement. What we are looking
> towards is
> to create charts/tables in all 4 visualization apps and show them in
> custom
> app but with a different relative period date. Could you please let us
> know
> on how to proceed
>
> Thanks and Regards,
> Sultan Ahamar.
>
> _______________________________________________
> Mailing list: https://launchpad.net/~dhis2-devs
> Post to : dhis2-devs@lists.launchpad.net
> Unsubscribe : https://launchpad.net/~dhis2-devs
> More help : https://help.launchpad.net/ListHelp
>

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org
http://www.dhis2.org

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org

Hi Edoardo,

Below is the kind of code that we used for EXTJS based plugins. We want to understand the same for Highcharts based plugins.

DHIS.getChart({
 url: dhisUrl, el: chart.id, id: chart.id, type: chart.type, relativePeriodDate: PeriodGeneratorService.getNextPeriod(chart.relativePeriods, selectedPeriod, dateFormat),
 width: width, height: height, dashboard: true
});
···

Regards,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli edoardo@dhis2.org wrote:

I understand.

One way would be to save a new favorite with the desired relative

period date and load that favorite in the script.

If you want to pass the chart configuration directly in the script, it

would be helpful if you can post the code you are using.

I’ll fix the example in the documentation, as it has a couple of

syntax errors and missing parts.

Regards,

On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad
sultanm@thoughtworks.com wrote:

Hi Edoardo,

This example talks about loading existing charts, but what we want is to

load them but use a different relative time period.

For example if a chart has time period last 6 months then, it would load

last six months of data (aug, jul, jun, may, apr, feb 2017)

but what we want is to set the relative time period different like I want 6

months of data starting june of 2016 it will be (jan, feb mar apr may jun)

Thanks,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

Hello!

It seems that the example in the documentation

(https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin)

is incomplete.

The instruction for actually loading the favorite/custom chart config

is missing:

This is the command:

chartPlugin.load(r1, r2);

Have a look at https://github.com/dhis2/charts-app/blob/master/plugin.html

for a working example.

Hope this helps.

Regards,

On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Team,

We want to use high charts plugins in our DHIS custom apps. We have been

through developer guide and found plugins part where there are 2

examples

for each but they do not fit our requirement. What we are looking

towards is

to create charts/tables in all 4 visualization apps and show them in

custom

app but with a different relative period date. Could you please let us

know

on how to proceed

Thanks and Regards,

Sultan Ahamar.


Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

It also depends on which version of DHIS2 you are running.

The chartPugin.load() syntax is available for all 4 apps from 2.27.

Before that, Data Visualizer and Pivot Table plugin should work with
chartPlugin.load() (at least from 2.25), while Event Visualizer and
Event Reports need the old syntax.

I'm relative new to DHIS2, started working on it since 2.27, so for
older versions someone else should help :slight_smile:

Regards,

···

On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad <sultanm@thoughtworks.com> wrote:

Hi Edoardo,

Below is the kind of code that we used for EXTJS based plugins. We want to
understand the same for Highcharts based plugins.

DHIS.getChart({
url: dhisUrl, el: chart.id, id: chart.id, type: chart.type,
relativePeriodDate:
PeriodGeneratorService.getNextPeriod(chart.relativePeriods, selectedPeriod,
dateFormat),
width: width, height: height, dashboard: true
});

Regards,
Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli <edoardo@dhis2.org> > wrote:

I understand.

One way would be to save a new favorite with the desired relative
period date and load that favorite in the script.
If you want to pass the chart configuration directly in the script, it
would be helpful if you can post the code you are using.

I'll fix the example in the documentation, as it has a couple of
syntax errors and missing parts.

Regards,

On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad >> <sultanm@thoughtworks.com> wrote:
> Hi Edoardo,
>
> This example talks about loading existing charts, but what we want is to
> load them but use a different relative time period.
>
> For example if a chart has time period last 6 months then, it would load
> last six months of data (aug, jul, jun, may, apr, feb 2017)
> but what we want is to set the relative time period different like I
> want 6
> months of data starting june of 2016 it will be (jan, feb mar apr may
> jun)
>
> Thanks,
> Sultan Ahamar.
>
> On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli <edoardo@dhis2.org> >> > wrote:
>>
>> Hello!
>>
>> It seems that the example in the documentation
>>
>>
>> (Home - DHIS2 Documentation)
>> is incomplete.
>>
>> The instruction for actually loading the favorite/custom chart config
>> is missing:
>>
>> This is the command:
>>
>> chartPlugin.load(r1, r2);
>>
>> Have a look at
>> charts-app/plugin.html at master · dhis2/charts-app · GitHub
>> for a working example.
>>
>> Hope this helps.
>>
>> Regards,
>>
>> On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad >> >> <sultanm@thoughtworks.com> wrote:
>> > Hi Team,
>> >
>> > We want to use high charts plugins in our DHIS custom apps. We have
>> > been
>> > through developer guide and found plugins part where there are 2
>> > examples
>> > for each but they do not fit our requirement. What we are looking
>> > towards is
>> > to create charts/tables in all 4 visualization apps and show them in
>> > custom
>> > app but with a different relative period date. Could you please let
>> > us
>> > know
>> > on how to proceed
>> >
>> > Thanks and Regards,
>> > Sultan Ahamar.
>> >
>> > _______________________________________________
>> > Mailing list: https://launchpad.net/~dhis2-devs
>> > Post to : dhis2-devs@lists.launchpad.net
>> > Unsubscribe : https://launchpad.net/~dhis2-devs
>> > More help : https://help.launchpad.net/ListHelp
>> >
>>
>>
>>
>> --
>> Edoardo Sabadelli
>> DHIS 2
>> University of Oslo
>> edoardo@dhis2.org
>> http://www.dhis2.org
>
>

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org
http://www.dhis2.org

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org

Hi Edoardo,

Do we have some documentation across this chartPlugin.load function. We are using 2.26 and we are planning to upgrade as well to 27.

Regards,

Sultan Ahamar.

···

On Thu, Sep 14, 2017 at 1:09 PM, Edoardo Sabadelli edoardo@dhis2.org wrote:

It also depends on which version of DHIS2 you are running.

The chartPugin.load() syntax is available for all 4 apps from 2.27.

Before that, Data Visualizer and Pivot Table plugin should work with

chartPlugin.load() (at least from 2.25), while Event Visualizer and

Event Reports need the old syntax.

I’m relative new to DHIS2, started working on it since 2.27, so for

older versions someone else should help :slight_smile:

Regards,

On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad
sultanm@thoughtworks.com wrote:

Hi Edoardo,

Below is the kind of code that we used for EXTJS based plugins. We want to

understand the same for Highcharts based plugins.

DHIS.getChart({

url: dhisUrl, el: chart.id, id: chart.id, type: chart.type,

relativePeriodDate:

PeriodGeneratorService.getNextPeriod(chart.relativePeriods, selectedPeriod,

dateFormat),

width: width, height: height, dashboard: true

});

Regards,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

I understand.

One way would be to save a new favorite with the desired relative

period date and load that favorite in the script.

If you want to pass the chart configuration directly in the script, it

would be helpful if you can post the code you are using.

I’ll fix the example in the documentation, as it has a couple of

syntax errors and missing parts.

Regards,

On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

This example talks about loading existing charts, but what we want is to

load them but use a different relative time period.

For example if a chart has time period last 6 months then, it would load

last six months of data (aug, jul, jun, may, apr, feb 2017)

but what we want is to set the relative time period different like I

want 6

months of data starting june of 2016 it will be (jan, feb mar apr may

jun)

Thanks,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

Hello!

It seems that the example in the documentation

(https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin)

is incomplete.

The instruction for actually loading the favorite/custom chart config

is missing:

This is the command:

chartPlugin.load(r1, r2);

Have a look at

https://github.com/dhis2/charts-app/blob/master/plugin.html

for a working example.

Hope this helps.

Regards,

On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Team,

We want to use high charts plugins in our DHIS custom apps. We have

been

through developer guide and found plugins part where there are 2

examples

for each but they do not fit our requirement. What we are looking

towards is

to create charts/tables in all 4 visualization apps and show them in

custom

app but with a different relative period date. Could you please let

us

know

on how to proceed

Thanks and Regards,

Sultan Ahamar.


Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Yes, apart from the aforementioned errors in the documentation which
are going to be fixed, you can read about using plugins here:

You can also check these examples in the apps repos:

Regards,

···

On Thu, Sep 14, 2017 at 10:18 AM, Sultanahamar Mohammad <sultanm@thoughtworks.com> wrote:

Hi Edoardo,

Do we have some documentation across this chartPlugin.load function. We are
using 2.26 and we are planning to upgrade as well to 27.

Regards,
Sultan Ahamar.

On Thu, Sep 14, 2017 at 1:09 PM, Edoardo Sabadelli <edoardo@dhis2.org> > wrote:

It also depends on which version of DHIS2 you are running.

The chartPugin.load() syntax is available for all 4 apps from 2.27.

Before that, Data Visualizer and Pivot Table plugin should work with
chartPlugin.load() (at least from 2.25), while Event Visualizer and
Event Reports need the old syntax.

I'm relative new to DHIS2, started working on it since 2.27, so for
older versions someone else should help :slight_smile:

Regards,

On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad >> <sultanm@thoughtworks.com> wrote:
> Hi Edoardo,
>
> Below is the kind of code that we used for EXTJS based plugins. We want
> to
> understand the same for Highcharts based plugins.
>
> DHIS.getChart({
> url: dhisUrl, el: chart.id, id: chart.id, type: chart.type,
> relativePeriodDate:
> PeriodGeneratorService.getNextPeriod(chart.relativePeriods,
> selectedPeriod,
> dateFormat),
> width: width, height: height, dashboard: true
> });
>
> Regards,
> Sultan Ahamar.
>
> On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli <edoardo@dhis2.org> >> > wrote:
>>
>> I understand.
>>
>> One way would be to save a new favorite with the desired relative
>> period date and load that favorite in the script.
>> If you want to pass the chart configuration directly in the script, it
>> would be helpful if you can post the code you are using.
>>
>> I'll fix the example in the documentation, as it has a couple of
>> syntax errors and missing parts.
>>
>> Regards,
>>
>> On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad >> >> <sultanm@thoughtworks.com> wrote:
>> > Hi Edoardo,
>> >
>> > This example talks about loading existing charts, but what we want is
>> > to
>> > load them but use a different relative time period.
>> >
>> > For example if a chart has time period last 6 months then, it would
>> > load
>> > last six months of data (aug, jul, jun, may, apr, feb 2017)
>> > but what we want is to set the relative time period different like I
>> > want 6
>> > months of data starting june of 2016 it will be (jan, feb mar apr may
>> > jun)
>> >
>> > Thanks,
>> > Sultan Ahamar.
>> >
>> > On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli >> >> > <edoardo@dhis2.org> >> >> > wrote:
>> >>
>> >> Hello!
>> >>
>> >> It seems that the example in the documentation
>> >>
>> >>
>> >>
>> >> (Home - DHIS2 Documentation)
>> >> is incomplete.
>> >>
>> >> The instruction for actually loading the favorite/custom chart
>> >> config
>> >> is missing:
>> >>
>> >> This is the command:
>> >>
>> >> chartPlugin.load(r1, r2);
>> >>
>> >> Have a look at
>> >> charts-app/plugin.html at master · dhis2/charts-app · GitHub
>> >> for a working example.
>> >>
>> >> Hope this helps.
>> >>
>> >> Regards,
>> >>
>> >> On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad >> >> >> <sultanm@thoughtworks.com> wrote:
>> >> > Hi Team,
>> >> >
>> >> > We want to use high charts plugins in our DHIS custom apps. We
>> >> > have
>> >> > been
>> >> > through developer guide and found plugins part where there are 2
>> >> > examples
>> >> > for each but they do not fit our requirement. What we are looking
>> >> > towards is
>> >> > to create charts/tables in all 4 visualization apps and show them
>> >> > in
>> >> > custom
>> >> > app but with a different relative period date. Could you please
>> >> > let
>> >> > us
>> >> > know
>> >> > on how to proceed
>> >> >
>> >> > Thanks and Regards,
>> >> > Sultan Ahamar.
>> >> >
>> >> > _______________________________________________
>> >> > Mailing list: https://launchpad.net/~dhis2-devs
>> >> > Post to : dhis2-devs@lists.launchpad.net
>> >> > Unsubscribe : https://launchpad.net/~dhis2-devs
>> >> > More help : https://help.launchpad.net/ListHelp
>> >> >
>> >>
>> >>
>> >>
>> >> --
>> >> Edoardo Sabadelli
>> >> DHIS 2
>> >> University of Oslo
>> >> edoardo@dhis2.org
>> >> http://www.dhis2.org
>> >
>> >
>>
>>
>>
>> --
>> Edoardo Sabadelli
>> DHIS 2
>> University of Oslo
>> edoardo@dhis2.org
>> http://www.dhis2.org
>
>

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org
http://www.dhis2.org

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org

Hi Edoardo,

We have tried 2.26 charts and tables plugins of high chart library, they are working with relative period date also. But we were not able to use them for event charts and event reports. Could you please point us to those plugins.

Thanks,

Srikanth Katta.

···

On Thu, Sep 14, 2017 at 1:55 PM, Edoardo Sabadelli edoardo@dhis2.org wrote:

Yes, apart from the aforementioned errors in the documentation which

are going to be fixed, you can read about using plugins here:

https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin

You can also check these examples in the apps repos:

https://github.com/dhis2/charts-app/blob/master/plugin.html

https://github.com/dhis2/event-charts-app/blob/master/plugin.html

https://github.com/dhis2/pivot-tables-app/blob/master/plugin.html

https://github.com/dhis2/event-reports-app/blob/master/plugin.html

Regards,

On Thu, Sep 14, 2017 at 10:18 AM, Sultanahamar Mohammad
sultanm@thoughtworks.com wrote:

Hi Edoardo,

Do we have some documentation across this chartPlugin.load function. We are

using 2.26 and we are planning to upgrade as well to 27.

Regards,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 1:09 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

It also depends on which version of DHIS2 you are running.

The chartPugin.load() syntax is available for all 4 apps from 2.27.

Before that, Data Visualizer and Pivot Table plugin should work with

chartPlugin.load() (at least from 2.25), while Event Visualizer and

Event Reports need the old syntax.

I’m relative new to DHIS2, started working on it since 2.27, so for

older versions someone else should help :slight_smile:

Regards,

On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

Below is the kind of code that we used for EXTJS based plugins. We want

to

understand the same for Highcharts based plugins.

DHIS.getChart({

url: dhisUrl, el: chart.id, id: chart.id, type: chart.type,

relativePeriodDate:

PeriodGeneratorService.getNextPeriod(chart.relativePeriods,

selectedPeriod,

dateFormat),

width: width, height: height, dashboard: true

});

Regards,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

I understand.

One way would be to save a new favorite with the desired relative

period date and load that favorite in the script.

If you want to pass the chart configuration directly in the script, it

would be helpful if you can post the code you are using.

I’ll fix the example in the documentation, as it has a couple of

syntax errors and missing parts.

Regards,

On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

This example talks about loading existing charts, but what we want is

to

load them but use a different relative time period.

For example if a chart has time period last 6 months then, it would

load

last six months of data (aug, jul, jun, may, apr, feb 2017)

but what we want is to set the relative time period different like I

want 6

months of data starting june of 2016 it will be (jan, feb mar apr may

jun)

Thanks,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli

edoardo@dhis2.org

wrote:

Hello!

It seems that the example in the documentation

(https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin)

is incomplete.

The instruction for actually loading the favorite/custom chart

config

is missing:

This is the command:

chartPlugin.load(r1, r2);

Have a look at

https://github.com/dhis2/charts-app/blob/master/plugin.html

for a working example.

Hope this helps.

Regards,

On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Team,

We want to use high charts plugins in our DHIS custom apps. We

have

been

through developer guide and found plugins part where there are 2

examples

for each but they do not fit our requirement. What we are looking

towards is

to create charts/tables in all 4 visualization apps and show them

in

custom

app but with a different relative period date. Could you please

let

us

know

on how to proceed

Thanks and Regards,

Sultan Ahamar.


Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

For event charts and event reports in 2.26 it should work with the old plugins.

See dhis2-core/dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-reports/plugin.html at 2.26 · dhis2/dhis2-core · GitHub
for an example.
Using relative period dates should be possible by overriding the config.

Regards,

···

On Fri, Sep 15, 2017 at 9:31 AM, Srikanth Katta <srikantk@thoughtworks.com> wrote:

Hi Edoardo,

We have tried 2.26 charts and tables plugins of high chart library, they are
working with relative period date also. But we were not able to use them for
event charts and event reports. Could you please point us to those plugins.

Thanks,
Srikanth Katta.

On Thu, Sep 14, 2017 at 1:55 PM, Edoardo Sabadelli <edoardo@dhis2.org> > wrote:

Yes, apart from the aforementioned errors in the documentation which
are going to be fixed, you can read about using plugins here:

Home - DHIS2 Documentation

You can also check these examples in the apps repos:

charts-app/plugin.html at master · dhis2/charts-app · GitHub
event-charts-app/plugin.html at master · dhis2/event-charts-app · GitHub
pivot-tables-app/plugin.html at master · dhis2/pivot-tables-app · GitHub
event-reports-app/plugin.html at master · dhis2/event-reports-app · GitHub

Regards,

On Thu, Sep 14, 2017 at 10:18 AM, Sultanahamar Mohammad >> <sultanm@thoughtworks.com> wrote:
> Hi Edoardo,
>
> Do we have some documentation across this chartPlugin.load function. We
> are
> using 2.26 and we are planning to upgrade as well to 27.
>
> Regards,
> Sultan Ahamar.
>
> On Thu, Sep 14, 2017 at 1:09 PM, Edoardo Sabadelli <edoardo@dhis2.org> >> > wrote:
>>
>> It also depends on which version of DHIS2 you are running.
>>
>> The chartPugin.load() syntax is available for all 4 apps from 2.27.
>>
>> Before that, Data Visualizer and Pivot Table plugin should work with
>> chartPlugin.load() (at least from 2.25), while Event Visualizer and
>> Event Reports need the old syntax.
>>
>> I'm relative new to DHIS2, started working on it since 2.27, so for
>> older versions someone else should help :slight_smile:
>>
>> Regards,
>>
>> On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad >> >> <sultanm@thoughtworks.com> wrote:
>> > Hi Edoardo,
>> >
>> > Below is the kind of code that we used for EXTJS based plugins. We
>> > want
>> > to
>> > understand the same for Highcharts based plugins.
>> >
>> > DHIS.getChart({
>> > url: dhisUrl, el: chart.id, id: chart.id, type: chart.type,
>> > relativePeriodDate:
>> > PeriodGeneratorService.getNextPeriod(chart.relativePeriods,
>> > selectedPeriod,
>> > dateFormat),
>> > width: width, height: height, dashboard: true
>> > });
>> >
>> > Regards,
>> > Sultan Ahamar.
>> >
>> > On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli >> >> > <edoardo@dhis2.org> >> >> > wrote:
>> >>
>> >> I understand.
>> >>
>> >> One way would be to save a new favorite with the desired relative
>> >> period date and load that favorite in the script.
>> >> If you want to pass the chart configuration directly in the script,
>> >> it
>> >> would be helpful if you can post the code you are using.
>> >>
>> >> I'll fix the example in the documentation, as it has a couple of
>> >> syntax errors and missing parts.
>> >>
>> >> Regards,
>> >>
>> >> On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad >> >> >> <sultanm@thoughtworks.com> wrote:
>> >> > Hi Edoardo,
>> >> >
>> >> > This example talks about loading existing charts, but what we want
>> >> > is
>> >> > to
>> >> > load them but use a different relative time period.
>> >> >
>> >> > For example if a chart has time period last 6 months then, it
>> >> > would
>> >> > load
>> >> > last six months of data (aug, jul, jun, may, apr, feb 2017)
>> >> > but what we want is to set the relative time period different like
>> >> > I
>> >> > want 6
>> >> > months of data starting june of 2016 it will be (jan, feb mar apr
>> >> > may
>> >> > jun)
>> >> >
>> >> > Thanks,
>> >> > Sultan Ahamar.
>> >> >
>> >> > On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli >> >> >> > <edoardo@dhis2.org> >> >> >> > wrote:
>> >> >>
>> >> >> Hello!
>> >> >>
>> >> >> It seems that the example in the documentation
>> >> >>
>> >> >>
>> >> >>
>> >> >>
>> >> >> (Home - DHIS2 Documentation)
>> >> >> is incomplete.
>> >> >>
>> >> >> The instruction for actually loading the favorite/custom chart
>> >> >> config
>> >> >> is missing:
>> >> >>
>> >> >> This is the command:
>> >> >>
>> >> >> chartPlugin.load(r1, r2);
>> >> >>
>> >> >> Have a look at
>> >> >> charts-app/plugin.html at master · dhis2/charts-app · GitHub
>> >> >> for a working example.
>> >> >>
>> >> >> Hope this helps.
>> >> >>
>> >> >> Regards,
>> >> >>
>> >> >> On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad >> >> >> >> <sultanm@thoughtworks.com> wrote:
>> >> >> > Hi Team,
>> >> >> >
>> >> >> > We want to use high charts plugins in our DHIS custom apps. We
>> >> >> > have
>> >> >> > been
>> >> >> > through developer guide and found plugins part where there are
>> >> >> > 2
>> >> >> > examples
>> >> >> > for each but they do not fit our requirement. What we are
>> >> >> > looking
>> >> >> > towards is
>> >> >> > to create charts/tables in all 4 visualization apps and show
>> >> >> > them
>> >> >> > in
>> >> >> > custom
>> >> >> > app but with a different relative period date. Could you please
>> >> >> > let
>> >> >> > us
>> >> >> > know
>> >> >> > on how to proceed
>> >> >> >
>> >> >> > Thanks and Regards,
>> >> >> > Sultan Ahamar.
>> >> >> >
>> >> >> > _______________________________________________
>> >> >> > Mailing list: DHIS 2 developers in Launchpad
>> >> >> > Post to : dhis2-devs@lists.launchpad.net
>> >> >> > Unsubscribe : DHIS 2 developers in Launchpad
>> >> >> > More help : ListHelp - Launchpad Help
>> >> >> >
>> >> >>
>> >> >>
>> >> >>
>> >> >> --
>> >> >> Edoardo Sabadelli
>> >> >> DHIS 2
>> >> >> University of Oslo
>> >> >> edoardo@dhis2.org
>> >> >> http://www.dhis2.org
>> >> >
>> >> >
>> >>
>> >>
>> >>
>> >> --
>> >> Edoardo Sabadelli
>> >> DHIS 2
>> >> University of Oslo
>> >> edoardo@dhis2.org
>> >> http://www.dhis2.org
>> >
>> >
>>
>>
>>
>> --
>> Edoardo Sabadelli
>> DHIS 2
>> University of Oslo
>> edoardo@dhis2.org
>> http://www.dhis2.org
>
>

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org
http://www.dhis2.org

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org

Does this mean that highcharts plugin for event charts and event reports is not available as of now even for 2.27 & 2.28? We want to migrate to highcharts when all 4 types of viz objects are supported through the respective plugins and hence the question. If they are not yet available could you please let us know what is the timeline around that.

Thanks,

Sultan Ahamar

···

On Fri, Sep 15, 2017 at 7:48 PM, Edoardo Sabadelli edoardo@dhis2.org wrote:

For event charts and event reports in 2.26 it should work with the old plugins.

See https://github.com/dhis2/dhis2-core/blob/2.26/dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-reports/plugin.html

for an example.

Using relative period dates should be possible by overriding the config.

Regards,

On Fri, Sep 15, 2017 at 9:31 AM, Srikanth Katta

srikantk@thoughtworks.com wrote:

Hi Edoardo,

We have tried 2.26 charts and tables plugins of high chart library, they are

working with relative period date also. But we were not able to use them for

event charts and event reports. Could you please point us to those plugins.

Thanks,

Srikanth Katta.

On Thu, Sep 14, 2017 at 1:55 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

Yes, apart from the aforementioned errors in the documentation which

are going to be fixed, you can read about using plugins here:

https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin

You can also check these examples in the apps repos:

https://github.com/dhis2/charts-app/blob/master/plugin.html

https://github.com/dhis2/event-charts-app/blob/master/plugin.html

https://github.com/dhis2/pivot-tables-app/blob/master/plugin.html

https://github.com/dhis2/event-reports-app/blob/master/plugin.html

Regards,

On Thu, Sep 14, 2017 at 10:18 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

Do we have some documentation across this chartPlugin.load function. We

are

using 2.26 and we are planning to upgrade as well to 27.

Regards,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 1:09 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

It also depends on which version of DHIS2 you are running.

The chartPugin.load() syntax is available for all 4 apps from 2.27.

Before that, Data Visualizer and Pivot Table plugin should work with

chartPlugin.load() (at least from 2.25), while Event Visualizer and

Event Reports need the old syntax.

I’m relative new to DHIS2, started working on it since 2.27, so for

older versions someone else should help :slight_smile:

Regards,

On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

Below is the kind of code that we used for EXTJS based plugins. We

want

to

understand the same for Highcharts based plugins.

DHIS.getChart({

url: dhisUrl, el: chart.id, id: chart.id, type: chart.type,

relativePeriodDate:

PeriodGeneratorService.getNextPeriod(chart.relativePeriods,

selectedPeriod,

dateFormat),

width: width, height: height, dashboard: true

});

Regards,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli

edoardo@dhis2.org

wrote:

I understand.

One way would be to save a new favorite with the desired relative

period date and load that favorite in the script.

If you want to pass the chart configuration directly in the script,

it

would be helpful if you can post the code you are using.

I’ll fix the example in the documentation, as it has a couple of

syntax errors and missing parts.

Regards,

On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

This example talks about loading existing charts, but what we want

is

to

load them but use a different relative time period.

For example if a chart has time period last 6 months then, it

would

load

last six months of data (aug, jul, jun, may, apr, feb 2017)

but what we want is to set the relative time period different like

I

want 6

months of data starting june of 2016 it will be (jan, feb mar apr

may

jun)

Thanks,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli

edoardo@dhis2.org

wrote:

Hello!

It seems that the example in the documentation

(https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin)

is incomplete.

The instruction for actually loading the favorite/custom chart

config

is missing:

This is the command:

chartPlugin.load(r1, r2);

Have a look at

https://github.com/dhis2/charts-app/blob/master/plugin.html

for a working example.

Hope this helps.

Regards,

On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Team,

We want to use high charts plugins in our DHIS custom apps. We

have

been

through developer guide and found plugins part where there are

2

examples

for each but they do not fit our requirement. What we are

looking

towards is

to create charts/tables in all 4 visualization apps and show

them

in

custom

app but with a different relative period date. Could you please

let

us

know

on how to proceed

Thanks and Regards,

Sultan Ahamar.


Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

As I mentioned before, all 4 apps support Highcharts plugin from 2.27.

See these examples (for 2.28):

Regards,

···

On Fri, Sep 15, 2017 at 8:10 PM, Sultanahamar Mohammad <sultanm@thoughtworks.com> wrote:

Does this mean that highcharts plugin for event charts and event reports is
not available as of now even for 2.27 & 2.28? We want to migrate to
highcharts when all 4 types of viz objects are supported through the
respective plugins and hence the question. If they are not yet available
could you please let us know what is the timeline around that.

Thanks,
Sultan Ahamar

On Fri, Sep 15, 2017 at 7:48 PM, Edoardo Sabadelli <edoardo@dhis2.org> > wrote:

For event charts and event reports in 2.26 it should work with the old
plugins.

See
dhis2-core/dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-reports/plugin.html at 2.26 · dhis2/dhis2-core · GitHub
for an example.
Using relative period dates should be possible by overriding the config.

Regards,

On Fri, Sep 15, 2017 at 9:31 AM, Srikanth Katta >> <srikantk@thoughtworks.com> wrote:
> Hi Edoardo,
>
> We have tried 2.26 charts and tables plugins of high chart library, they
> are
> working with relative period date also. But we were not able to use them
> for
> event charts and event reports. Could you please point us to those
> plugins.
>
> Thanks,
> Srikanth Katta.
>
> On Thu, Sep 14, 2017 at 1:55 PM, Edoardo Sabadelli <edoardo@dhis2.org> >> > wrote:
>>
>> Yes, apart from the aforementioned errors in the documentation which
>> are going to be fixed, you can read about using plugins here:
>>
>>
>>
>> Home - DHIS2 Documentation
>>
>>
>> You can also check these examples in the apps repos:
>>
>> charts-app/plugin.html at master · dhis2/charts-app · GitHub
>> event-charts-app/plugin.html at master · dhis2/event-charts-app · GitHub
>> pivot-tables-app/plugin.html at master · dhis2/pivot-tables-app · GitHub
>> event-reports-app/plugin.html at master · dhis2/event-reports-app · GitHub
>>
>> Regards,
>>
>> On Thu, Sep 14, 2017 at 10:18 AM, Sultanahamar Mohammad >> >> <sultanm@thoughtworks.com> wrote:
>> > Hi Edoardo,
>> >
>> > Do we have some documentation across this chartPlugin.load function.
>> > We
>> > are
>> > using 2.26 and we are planning to upgrade as well to 27.
>> >
>> > Regards,
>> > Sultan Ahamar.
>> >
>> > On Thu, Sep 14, 2017 at 1:09 PM, Edoardo Sabadelli >> >> > <edoardo@dhis2.org> >> >> > wrote:
>> >>
>> >> It also depends on which version of DHIS2 you are running.
>> >>
>> >> The chartPugin.load() syntax is available for all 4 apps from 2.27.
>> >>
>> >> Before that, Data Visualizer and Pivot Table plugin should work with
>> >> chartPlugin.load() (at least from 2.25), while Event Visualizer and
>> >> Event Reports need the old syntax.
>> >>
>> >> I'm relative new to DHIS2, started working on it since 2.27, so for
>> >> older versions someone else should help :slight_smile:
>> >>
>> >> Regards,
>> >>
>> >> On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad >> >> >> <sultanm@thoughtworks.com> wrote:
>> >> > Hi Edoardo,
>> >> >
>> >> > Below is the kind of code that we used for EXTJS based plugins. We
>> >> > want
>> >> > to
>> >> > understand the same for Highcharts based plugins.
>> >> >
>> >> > DHIS.getChart({
>> >> > url: dhisUrl, el: chart.id, id: chart.id, type: chart.type,
>> >> > relativePeriodDate:
>> >> > PeriodGeneratorService.getNextPeriod(chart.relativePeriods,
>> >> > selectedPeriod,
>> >> > dateFormat),
>> >> > width: width, height: height, dashboard: true
>> >> > });
>> >> >
>> >> > Regards,
>> >> > Sultan Ahamar.
>> >> >
>> >> > On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli >> >> >> > <edoardo@dhis2.org> >> >> >> > wrote:
>> >> >>
>> >> >> I understand.
>> >> >>
>> >> >> One way would be to save a new favorite with the desired relative
>> >> >> period date and load that favorite in the script.
>> >> >> If you want to pass the chart configuration directly in the
>> >> >> script,
>> >> >> it
>> >> >> would be helpful if you can post the code you are using.
>> >> >>
>> >> >> I'll fix the example in the documentation, as it has a couple of
>> >> >> syntax errors and missing parts.
>> >> >>
>> >> >> Regards,
>> >> >>
>> >> >> On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad >> >> >> >> <sultanm@thoughtworks.com> wrote:
>> >> >> > Hi Edoardo,
>> >> >> >
>> >> >> > This example talks about loading existing charts, but what we
>> >> >> > want
>> >> >> > is
>> >> >> > to
>> >> >> > load them but use a different relative time period.
>> >> >> >
>> >> >> > For example if a chart has time period last 6 months then, it
>> >> >> > would
>> >> >> > load
>> >> >> > last six months of data (aug, jul, jun, may, apr, feb 2017)
>> >> >> > but what we want is to set the relative time period different
>> >> >> > like
>> >> >> > I
>> >> >> > want 6
>> >> >> > months of data starting june of 2016 it will be (jan, feb mar
>> >> >> > apr
>> >> >> > may
>> >> >> > jun)
>> >> >> >
>> >> >> > Thanks,
>> >> >> > Sultan Ahamar.
>> >> >> >
>> >> >> > On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli >> >> >> >> > <edoardo@dhis2.org> >> >> >> >> > wrote:
>> >> >> >>
>> >> >> >> Hello!
>> >> >> >>
>> >> >> >> It seems that the example in the documentation
>> >> >> >>
>> >> >> >>
>> >> >> >>
>> >> >> >>
>> >> >> >>
>> >> >> >> (Home - DHIS2 Documentation)
>> >> >> >> is incomplete.
>> >> >> >>
>> >> >> >> The instruction for actually loading the favorite/custom chart
>> >> >> >> config
>> >> >> >> is missing:
>> >> >> >>
>> >> >> >> This is the command:
>> >> >> >>
>> >> >> >> chartPlugin.load(r1, r2);
>> >> >> >>
>> >> >> >> Have a look at
>> >> >> >> charts-app/plugin.html at master · dhis2/charts-app · GitHub
>> >> >> >> for a working example.
>> >> >> >>
>> >> >> >> Hope this helps.
>> >> >> >>
>> >> >> >> Regards,
>> >> >> >>
>> >> >> >> On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad >> >> >> >> >> <sultanm@thoughtworks.com> wrote:
>> >> >> >> > Hi Team,
>> >> >> >> >
>> >> >> >> > We want to use high charts plugins in our DHIS custom apps.
>> >> >> >> > We
>> >> >> >> > have
>> >> >> >> > been
>> >> >> >> > through developer guide and found plugins part where there
>> >> >> >> > are
>> >> >> >> > 2
>> >> >> >> > examples
>> >> >> >> > for each but they do not fit our requirement. What we are
>> >> >> >> > looking
>> >> >> >> > towards is
>> >> >> >> > to create charts/tables in all 4 visualization apps and show
>> >> >> >> > them
>> >> >> >> > in
>> >> >> >> > custom
>> >> >> >> > app but with a different relative period date. Could you
>> >> >> >> > please
>> >> >> >> > let
>> >> >> >> > us
>> >> >> >> > know
>> >> >> >> > on how to proceed
>> >> >> >> >
>> >> >> >> > Thanks and Regards,
>> >> >> >> > Sultan Ahamar.
>> >> >> >> >
>> >> >> >> > _______________________________________________
>> >> >> >> > Mailing list: DHIS 2 developers in Launchpad
>> >> >> >> > Post to : dhis2-devs@lists.launchpad.net
>> >> >> >> > Unsubscribe : DHIS 2 developers in Launchpad
>> >> >> >> > More help : ListHelp - Launchpad Help
>> >> >> >> >
>> >> >> >>
>> >> >> >>
>> >> >> >>
>> >> >> >> --
>> >> >> >> Edoardo Sabadelli
>> >> >> >> DHIS 2
>> >> >> >> University of Oslo
>> >> >> >> edoardo@dhis2.org
>> >> >> >> http://www.dhis2.org
>> >> >> >
>> >> >> >
>> >> >>
>> >> >>
>> >> >>
>> >> >> --
>> >> >> Edoardo Sabadelli
>> >> >> DHIS 2
>> >> >> University of Oslo
>> >> >> edoardo@dhis2.org
>> >> >> http://www.dhis2.org
>> >> >
>> >> >
>> >>
>> >>
>> >>
>> >> --
>> >> Edoardo Sabadelli
>> >> DHIS 2
>> >> University of Oslo
>> >> edoardo@dhis2.org
>> >> http://www.dhis2.org
>> >
>> >
>>
>>
>>
>> --
>> Edoardo Sabadelli
>> DHIS 2
>> University of Oslo
>> edoardo@dhis2.org
>> http://www.dhis2.org
>
>

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org
http://www.dhis2.org

--
Edoardo Sabadelli
DHIS 2
University of Oslo
edoardo@dhis2.org

Thanks for the patience and answering at this late hour of Friday night. We will try these.

Have a nice weekend.

Regards,

Sultan Ahamar.

···

On Sat, Sep 16, 2017 at 12:05 AM, Edoardo Sabadelli edoardo@dhis2.org wrote:

As I mentioned before, all 4 apps support Highcharts plugin from 2.27.

See these examples (for 2.28):

https://github.com/dhis2/charts-app/blob/master/plugin.html

https://github.com/dhis2/pivot-tables-app/blob/master/plugin.html

https://github.com/dhis2/event-charts-app/blob/master/plugin.html

https://github.com/dhis2/event-reports-app/blob/master/plugin.html

Regards,

On Fri, Sep 15, 2017 at 8:10 PM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Does this mean that highcharts plugin for event charts and event reports is

not available as of now even for 2.27 & 2.28? We want to migrate to

highcharts when all 4 types of viz objects are supported through the

respective plugins and hence the question. If they are not yet available

could you please let us know what is the timeline around that.

Thanks,

Sultan Ahamar

On Fri, Sep 15, 2017 at 7:48 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

For event charts and event reports in 2.26 it should work with the old

plugins.

See

https://github.com/dhis2/dhis2-core/blob/2.26/dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-reports/plugin.html

for an example.

Using relative period dates should be possible by overriding the config.

Regards,

On Fri, Sep 15, 2017 at 9:31 AM, Srikanth Katta

srikantk@thoughtworks.com wrote:

Hi Edoardo,

We have tried 2.26 charts and tables plugins of high chart library, they

are

working with relative period date also. But we were not able to use them

for

event charts and event reports. Could you please point us to those

plugins.

Thanks,

Srikanth Katta.

On Thu, Sep 14, 2017 at 1:55 PM, Edoardo Sabadelli edoardo@dhis2.org

wrote:

Yes, apart from the aforementioned errors in the documentation which

are going to be fixed, you can read about using plugins here:

https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin

You can also check these examples in the apps repos:

https://github.com/dhis2/charts-app/blob/master/plugin.html

https://github.com/dhis2/event-charts-app/blob/master/plugin.html

https://github.com/dhis2/pivot-tables-app/blob/master/plugin.html

https://github.com/dhis2/event-reports-app/blob/master/plugin.html

Regards,

On Thu, Sep 14, 2017 at 10:18 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

Do we have some documentation across this chartPlugin.load function.

We

are

using 2.26 and we are planning to upgrade as well to 27.

Regards,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 1:09 PM, Edoardo Sabadelli

edoardo@dhis2.org

wrote:

It also depends on which version of DHIS2 you are running.

The chartPugin.load() syntax is available for all 4 apps from 2.27.

Before that, Data Visualizer and Pivot Table plugin should work with

chartPlugin.load() (at least from 2.25), while Event Visualizer and

Event Reports need the old syntax.

I’m relative new to DHIS2, started working on it since 2.27, so for

older versions someone else should help :slight_smile:

Regards,

On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

Below is the kind of code that we used for EXTJS based plugins. We

want

to

understand the same for Highcharts based plugins.

DHIS.getChart({

url: dhisUrl, el: chart.id, id: chart.id, type: chart.type,

relativePeriodDate:

PeriodGeneratorService.getNextPeriod(chart.relativePeriods,

selectedPeriod,

dateFormat),

width: width, height: height, dashboard: true

});

Regards,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:31 PM, Edoardo Sabadelli

edoardo@dhis2.org

wrote:

I understand.

One way would be to save a new favorite with the desired relative

period date and load that favorite in the script.

If you want to pass the chart configuration directly in the

script,

it

would be helpful if you can post the code you are using.

I’ll fix the example in the documentation, as it has a couple of

syntax errors and missing parts.

Regards,

On Thu, Sep 14, 2017 at 8:51 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Edoardo,

This example talks about loading existing charts, but what we

want

is

to

load them but use a different relative time period.

For example if a chart has time period last 6 months then, it

would

load

last six months of data (aug, jul, jun, may, apr, feb 2017)

but what we want is to set the relative time period different

like

I

want 6

months of data starting june of 2016 it will be (jan, feb mar

apr

may

jun)

Thanks,

Sultan Ahamar.

On Thu, Sep 14, 2017 at 12:14 PM, Edoardo Sabadelli

edoardo@dhis2.org

wrote:

Hello!

It seems that the example in the documentation

(https://docs.dhis2.org/master/en/developer/html/webapi_plugins.html#webapi_chart_plugin)

is incomplete.

The instruction for actually loading the favorite/custom chart

config

is missing:

This is the command:

chartPlugin.load(r1, r2);

Have a look at

https://github.com/dhis2/charts-app/blob/master/plugin.html

for a working example.

Hope this helps.

Regards,

On Thu, Sep 14, 2017 at 7:30 AM, Sultanahamar Mohammad

sultanm@thoughtworks.com wrote:

Hi Team,

We want to use high charts plugins in our DHIS custom apps.

We

have

been

through developer guide and found plugins part where there

are

2

examples

for each but they do not fit our requirement. What we are

looking

towards is

to create charts/tables in all 4 visualization apps and show

them

in

custom

app but with a different relative period date. Could you

please

let

us

know

on how to proceed

Thanks and Regards,

Sultan Ahamar.


Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org

Edoardo Sabadelli

DHIS 2

University of Oslo

edoardo@dhis2.org

http://www.dhis2.org