← Back to team overview

dhis2-devs team mailing list archive

Re: High charts developer guide.

 

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@xxxxxxxxxxxxxxxx> 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@xxxxxxxxx>
> 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@xxxxxxxxxxxxxxxx> 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@xxxxxxxxx>
>> > 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@xxxxxxxxxxxxxxxx> 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@xxxxxxxxx>
>> >> > 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 :)
>> >> >>
>> >> >> Regards,
>> >> >>
>> >> >> On Thu, Sep 14, 2017 at 9:17 AM, Sultanahamar Mohammad
>> >> >> <sultanm@xxxxxxxxxxxxxxxx> 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@xxxxxxxxx>
>> >> >> > 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@xxxxxxxxxxxxxxxx> 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@xxxxxxxxx>
>> >> >> >> > 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@xxxxxxxxxxxxxxxx> 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@xxxxxxxxxxxxxxxxxxx
>> >> >> >> >> > Unsubscribe : https://launchpad.net/~dhis2-devs
>> >> >> >> >> > More help   : https://help.launchpad.net/ListHelp
>> >> >> >> >> >
>> >> >> >> >>
>> >> >> >> >>
>> >> >> >> >>
>> >> >> >> >> --
>> >> >> >> >> Edoardo Sabadelli
>> >> >> >> >> DHIS 2
>> >> >> >> >> University of Oslo
>> >> >> >> >> edoardo@xxxxxxxxx
>> >> >> >> >> http://www.dhis2.org
>> >> >> >> >
>> >> >> >> >
>> >> >> >>
>> >> >> >>
>> >> >> >>
>> >> >> >> --
>> >> >> >> Edoardo Sabadelli
>> >> >> >> DHIS 2
>> >> >> >> University of Oslo
>> >> >> >> edoardo@xxxxxxxxx
>> >> >> >> http://www.dhis2.org
>> >> >> >
>> >> >> >
>> >> >>
>> >> >>
>> >> >>
>> >> >> --
>> >> >> Edoardo Sabadelli
>> >> >> DHIS 2
>> >> >> University of Oslo
>> >> >> edoardo@xxxxxxxxx
>> >> >> http://www.dhis2.org
>> >> >
>> >> >
>> >>
>> >>
>> >>
>> >> --
>> >> Edoardo Sabadelli
>> >> DHIS 2
>> >> University of Oslo
>> >> edoardo@xxxxxxxxx
>> >> http://www.dhis2.org
>> >
>> >
>>
>>
>>
>> --
>> Edoardo Sabadelli
>> DHIS 2
>> University of Oslo
>> edoardo@xxxxxxxxx
>> http://www.dhis2.org
>
>



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


Follow ups

References