Esri / ember-cli-cedar

Ember addon for Esri's Cedar charting library
https://esri.github.io/ember-cli-cedar/#/charts/bar
Apache License 2.0
3 stars 2 forks source link

After adding more than 5 categories to stacked bar chart, some data does not get displayed #91

Closed chagevik closed 6 years ago

chagevik commented 6 years ago

Is there a limitation on the number of categories within each column that can be rendered?

When working with the following JSON, data seemed to stop getting displayed as expected after adding more than 5 categories to the stacks.

{ "type": "bar", "datasets": [ { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Eneuheld", "query": { "where": "Type_Uheld='Eneuheld'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Fodgængeruheld", "query": { "where": "Type_Uheld='Fodgængeruheld'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Forhindringsuheld", "query": { "where": "Type_Uheld='Forhindringsuheld'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Indhentningsuheld", "query": { "where": "Type_Uheld='Indhentningsuheld'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Mødeuheld", "query": { "where": "Type_Uheld='Mødeuheld'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Parkeringsuheld", "query": { "where": "Type_Uheld='Parkeringsuheld'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Svingningsuheld mellem krydsende køretøjer", "query": { "where": "Type_Uheld='Svingningsuheld mellem krydsende køretøjer'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Svingningsuheld mellem medkørende", "query": { "where": "Type_Uheld='Svingningsuheld mellem medkørende'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Svingningsuheld mellem modkørende", "query": { "where": "Type_Uheld='Svingningsuheld mellem modkørende'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Uheld mellem krydsende køretøjer", "query": { "where": "Type_Uheld='Uheld mellem krydsende køretøjer'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" }, { "url": "https://services.arcgis.com/LeHsdRPbeEIElrVR/arcgis/rest/services/TrafikPoints/FeatureServer/0", "name": "Uoplyst", "query": { "where": "Type_Uheld='Uoplyst'", "orderByFields": "randomePoi_SUM DESC", "groupByFieldsForStatistics": "Year", "outStatistics": [{ "statisticType": "sum", "onStatisticField": "randomePoi", "outStatisticFieldName": "randomePoi_SUM" }] }, "join": "Year" } ], "series": [ { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Eneuheld"}, "source": "Eneuheld", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Fodgængeruheld"}, "source": "Fodgængeruheld", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Forhindringsuheld"}, "source": "Forhindringsuheld", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Indhentningsuheld"}, "source": "Indhentningsuheld", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Mødeuheld"}, "source": "Mødeuheld", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Parkeringsuheld"}, "source": "Parkeringsuheld", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Svingningsuheld mellem krydsende køretøjer"}, "source": "Svingningsuheld mellem krydsende køretøjer", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Svingningsuheld mellem medkørende"}, "source": "Svingningsuheld mellem medkørende", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Svingningsuheld mellem modkørende"}, "source": "Svingningsuheld mellem modkørende", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Uheld mellem krydsende køretøjer"}, "source": "Uheld mellem krydsende køretøjer", "stack": true }, { "category": {"field": "Year", "label": "Year"}, "value": { "field": "randomePoi_SUM", "label": "Uoplyst"}, "source": "Uoplyst", "stack": true } ] }

tomwayson commented 6 years ago

I entered the above definition on in the playground and I see this:

image

It looks to me that all the series are getting rendered, for example, in the above screenshot, the category (column) I selected has values for 9 of the 11 series as you can tell by looking at the numbers in the legend (and by counting the stripes). However, you can see that the popovers end up overlapping each other so that it looks like there are only 5 popups. The number of popups that will display before they overlap will depend on the height of the chart.

chagevik commented 6 years ago

Thanks Tom!

I just tried again in the Playground and am seeing good results now like in your screen shot. The rendering seemed off when I was adding each category one at a time and testing. But after adding the full block it looks good. Sorry for any confusion!

Cheryl

From: Tom Wayson notifications@github.com Sent: Saturday, April 07, 2018 8:07 PM To: Esri/ember-cli-cedar ember-cli-cedar@noreply.github.com Cc: Cheryl Hagevik CHagevik@esri.com; Author author@noreply.github.com Subject: Re: [Esri/ember-cli-cedar] After adding more than 5 categories to stacked bar chart, some data does not get displayed (#91)

I entered the above definition on in the playgroundhttps://urldefense.proofpoint.com/v2/url?u=https-3A__esri.github.io_ember-2Dcli-2Dcedar_-23_playground&d=DwMFaQ&c=n6-cguzQvX_tUIrZOS_4Og&r=xnCSVirz6ai0VtfsJAP3Q6gvjm1qL7mccglNhlZDQj8&m=ehOiW9rsCOQigU6hecoZwaudfoIuBba9gI4pb4sY_B8&s=1K9CReVljzFSxt-S7r-X51otMwKAregeB-_2Iml2dOM&e= and I see this:

[image]https://urldefense.proofpoint.com/v2/url?u=https-3A__user-2Dimages.githubusercontent.com_662944_38461445-2D1bcb95c0-2D3a85-2D11e8-2D8980-2Deac33b5e7f81.png&d=DwMFaQ&c=n6-cguzQvX_tUIrZOS_4Og&r=xnCSVirz6ai0VtfsJAP3Q6gvjm1qL7mccglNhlZDQj8&m=ehOiW9rsCOQigU6hecoZwaudfoIuBba9gI4pb4sY_B8&s=uB0-1jmB3pbgN3P76wSC0acwVKtPoATA_sUHWs2ap38&e=

It looks to me that all the series are getting rendered, for example, in the above screenshot, the category (column) I selected has values for 9 of the 11 series as you can tell by looking at the numbers in the legend (and by counting the stripes). However, you can see that the popovers end up overlapping each other so that it looks like there are only 5 popups. The number of popups that will display before they overlap will depend on the height of the chart.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_Esri_ember-2Dcli-2Dcedar_issues_91-23issuecomment-2D379508149&d=DwMFaQ&c=n6-cguzQvX_tUIrZOS_4Og&r=xnCSVirz6ai0VtfsJAP3Q6gvjm1qL7mccglNhlZDQj8&m=ehOiW9rsCOQigU6hecoZwaudfoIuBba9gI4pb4sY_B8&s=s48L6kgxdk8wD3KRWlw6n53emMNIohoZOlEe6s_lT9g&e=, or mute the threadhttps://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_notifications_unsubscribe-2Dauth_AGpuO9XHZdACXInxPCcbs5tKoD3svE6rks5tmVSrgaJpZM4TFTR0&d=DwMFaQ&c=n6-cguzQvX_tUIrZOS_4Og&r=xnCSVirz6ai0VtfsJAP3Q6gvjm1qL7mccglNhlZDQj8&m=ehOiW9rsCOQigU6hecoZwaudfoIuBba9gI4pb4sY_B8&s=RgiMHR1fmUcdj_Jty9ZP0jn133EJNwJApHpIVd80OTw&e=.