doesn't work with multiple series in a single dataframe

[Gauravshah]

If a datasource returns multiple series in a single dataframe then the pie chart remains blank.

tried with new datasource. following works:

    const data = options.targets.map(target => {
      const query = defaults(target, defaultQuery);
      return new MutableDataFrame({
        refId: query.refId,
        fields: [
          { name: 'Time', values: [from, to], type: FieldType.time },
          { name: 'Value', values: [query.constant, query.constant], type: FieldType.number }
        ],
      });
    });

and following fails:

    const data = options.targets.map(target => {
      const query = defaults(target, defaultQuery);
      return new MutableDataFrame({
        refId: query.refId,
        fields: [
          { name: 'Time', values: [from, to], type: FieldType.time },
          { name: 'Value', values: [query.constant, query.constant], type: FieldType.number },
          { name: 'Value2', values: [query.constant * 2, query.constant * 1.5], type: FieldType.number },
        ],
      });
    });

Steps to reproduce: either create a brand new datasource and update the code as above or try using the TestDB datasource with random walk table.

Screenshots Table using single dataframe multiple columns:

Graph using single dataframe multiple columns:

Pie chart using single dataframe multiple columns:

Similar example for Test db source table:

graph

piechart

Console looks like this: