Pie Chart Control – Drill down Issue

apurva k

December 12, 2018 at 6:58 am #5364

Hi

I have a pie chart with drill down using AJAX service with a BO as input, when a search button is clicked this pie chart shows and there are few filters which can also be applied and on click of search, this BO gets updated and on change of this BO binded to data component, i have below code:

${Pie_Chart_SDS}.setQueryData(me.getData());
${Pie_Chart_SDS}.show();
${Pie_Chart_SDS}.refresh();
${Pie_Chart_SDS}.drillUp();

Is there any particular sequence to  call setQueryData(), show(), refresh(), drillUp() method? or is my sequence correct?

Also if i remove the drillUp() method my pie works fine and visible, but when i add it- the pie is not visible but i can see the series name on top and menu details at bottom and the whole pie invisible empty space is in readonly mode with div.disabler class in ui console

PFA my pie chart. It is missing a pie slice. Sometimes if i drill down and click search, pie wont load and will be in read only mode with div.disabler class. This pie view is not consistent and on multiple refresh maybe 3rd time it will load correctly with all pie slices

In a single page i have 2 pie chart drilldowns with 2 different ajax services but inputs are different BOs but inside the 2 ajax services the input output and private variable names exactly same. Might this be an issue and reason for the half slices of pie loading?

Kindly let me know if this is a known issue of pie chart drill down or any idea how to fix this

Thanks & Regards

Apurva

SPARK Support

December 12, 2018 at 8:25 am #5366

Hello Apurva,

The Chart.show() method should be used to change the visibility of the control, as opposed to Chart.hide().  The sequence of calling this method should be irrelevant in relation to the rest of the logic.

There should be no reason to call Chart.drillUp() unless the chart has been clicked to drill down into a segment.

Chart.setQueryData() provides the variable input for the AJAX service and Chart.refresh() calls that AJAX, which should be executed in that order.

As for the segments of the chart not appearing, have you inspected the Data Series using Chart.getDataSeries() to ensure the data is correct?  Are there any errors in the console?  Which version of BPM are you using?

Regards,

Stephen P.

apurva k

December 13, 2018 at 2:06 am #5367

Hi Stephen

I am using BPM 6.0 and there are not errors in the console.

<span class=”left”>Its is a drill down pie and input to ajax service changes with filter that user selects and for the first time it works – and then do drill down on pie – then change the filter again click search then pie chart loads but renders with a missing slice – this behavior is inconsistent and however when we click on the pie label on top or the clickable breadcrumb – it refreshes and render properly.</span>

On Chart.getDataSeries() below is the output:

{“name”:”Sone liste”,”items”:
[{“value”:1,”label”:”NORD”,”@metadata”:{“objectID”:”858e2659-a1f0-421b-8b5f-520267f12192″,”dirty”:true,”invalid”:false,”shared”:false,”rootVersionContextID”:”2064.304ac881-16c3-47d2-97d5-6e4c4a893177″,”className”:”DataPoint”}},
{“value”:7,”label”:”NORDVEST”,”@metadata”:{“objectID”:”26c27a1d-1837-4432-b919-784ab5d158e0″,”dirty”:true,”invalid”:false,”shared”:false,”rootVersionContextID”:”2064.304ac881-16c3-47d2-97d5-6e4c4a893177″,”className”:”DataPoint”}},
{“value”:2,”label”:”SØRVEST”,”@metadata”:{“objectID”:”0982f0f4-54df-493a-932b-c4a3fed9717e”,”dirty”:true,”invalid”:false,”shared”:false,”rootVersionContextID”:”2064.304ac881-16c3-47d2-97d5-6e4c4a893177″,”className”:”DataPoint”}}]}

But in the pie diagram “NORD” slice is missing. PFA

apurva k

December 14, 2018 at 6:18 am #5369

Hi Stephen

I am using <span class=”left”>bpm 8.6.0 2017.12</span> 

Thanks & Regards

Apurva

apurva k

December 21, 2018 at 2:32 am #5371

Hi

Any Update Pls

Thanks & Regards

Apurva

SPARK Support

December 21, 2018 at 11:26 am #5373

Hello Apurva,

I have not been able to reproduce this issue with the previous SPARK version of the toolkit.

IBM has changed some of the backing libraries for the Chart controls in the newest BPM versions to provide more support for mobile platforms and increase efficiency.  You will need to open a ticket with IBM Support.

Regards,

Stephen P.