如何创建多色NativeScript BarSeries堆叠条形图

tns plugin add nativescript-ui-chart

import { BarSeries } from 'nativescript-ui-chart';

const data = [
  { name: 'Series 1', values: [10, 20, 30, 40] },
  { name: 'Series 2', values: [15, 25, 35, 45] },
  { name: 'Series 3', values: [5, 15, 25, 35] }
];

const options = {
  series: [
    { name: 'Series 1', fillColor: '#FF0000' },
    { name: 'Series 2', fillColor: '#00FF00' },
    { name: 'Series 3', fillColor: '#0000FF' }
  ],
  stackMode: 'stack'
};

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">
  <GridLayout>
    <RadCartesianChart>
      <CategoricalAxis tkCartesianHorizontalAxis></CategoricalAxis>
      <LinearAxis tkCartesianVerticalAxis></LinearAxis>
      <BarSeries tkCartesianSeries [items]="data" stackMode="stack" categoryProperty="name" valueProperty="values" [series]="options.series"></BarSeries>
    </RadCartesianChart>
  </GridLayout>
</Page>

import { Observable } from 'tns-core-modules/data/observable';

export function pageLoaded(args) {
  const page = args.object;
  const viewModel = new Observable();
  viewModel.set('data', data);
  viewModel.set('options', options);
  page.bindingContext = viewModel;
}