diff --git a/src/js/charts/simple_grouped_barchart.js b/src/js/charts/simple_grouped_barchart.js index 4f68fb8c69a66e976cd284cdf128a041033901aa..8cc50206db5bc6c9ea6848a5b1d702f347384ee9 100644 --- a/src/js/charts/simple_grouped_barchart.js +++ b/src/js/charts/simple_grouped_barchart.js @@ -35,7 +35,7 @@ export class SimpleGroupedBarChartWidget extends BaseChartWidget { data.flatMap( item => Object.keys(item) ) - )); + )).filter(s => s != "name"); const names = data.reduce( (agg, curr) => [...agg, curr["name"]], []) const dataFlatted = categories.flatMap(category => data.map(d => ({name : d.name, category : category, value: d[category]}))) // pivot longer @@ -64,7 +64,7 @@ export class SimpleGroupedBarChartWidget extends BaseChartWidget { xDomain: names, //yDomain : [0,40], zDomain: categories, - colors: d3.schemeSpectral[categories.length] + colors: d3.schemeSpectral[categories.length < 10 ? 10 : categories.length] } super(title, description, dataFlatted, options); @@ -174,7 +174,7 @@ export class SimpleGroupedBarChartWidget extends BaseChartWidget { if(drawLegend) { // custom legend - let runner = 2; + let runner = 2; (zDomain??[]).forEach( (ele) => { runner+=1 const color = zScale(ele)