legendDataForKeys() missing data

 var legendDataForKeys = result.bars.filter(function (bar) {
        return bar.data.index === 0;
    }).map(function (bar) {
        return {
            label: bar.data.id,
            fill: bar.data.fill ? bar.data.fill : bar.color
        };
    }).reverse();

Consider following data:

[
  {
    key1: 0,
    key2: 100,
    key3: 100,
    idx: 0
  },
  {
    key1:100,
    key2:300,
    key3:400,
    idx:1
  }
]

Key1 would be missed in legendDataForKeys, as it seems that result.bars only contains those that have visible heights?

[stahlmanDesign]

You guys are right, it only shows legends for the first bar. If that stacked bar only has 1 colour, then the legend only has one item.

[plingampally]

@stahlmanDesign Fix does work but it produces console log errors, as the data structure has changed.

The object should look like this:

var legendDataForKeys = result.bars.map(function (bar) {
   return {
     id: bar.data.id,
     label: bar.data.id,
     color: bar.color,
     fill: bar.data.fill ? bar.data.fill : bar.color
   };
 }).reverse();