generator-min-app/generators/app/templates/src/constants/chartData.ts

hcy system layout and pages

export const BasicColumnData = {
  listData: [
    { genre: 'Sports', sold: 275 },
    { genre: 'Strategy', sold: 115 },
    { genre: 'Action', sold: 120 },
    { genre: 'Shooter', sold: 350 },
    { genre: 'Other', sold: 150 },
  ],
  config: {
    xAxisLabel: 'genre',
    yAxisLabel: 'sold',
    autoFit: true,
    customColor: true,
    colorMap: [
      ['Sports', '#8C31FF80'],
      ['Strategy', '#FFA82D80'],
      ['Action', '#3DDFCC80'],
      ['Shooter', '#FF57A280'],
      ['Other', '#68E04980'],
    ],
    legend: true,
    theme: 'classic',
    container: 'basicColumn',
  },
};
export const BasicPieColumnData = {
  listData: [
    { genre: 'Sports', sold: 275 },
    { genre: 'Strategy', sold: 115 },
    { genre: 'Action', sold: 120 },
    { genre: 'Shooter', sold: 350 },
    { genre: 'Other', sold: 150 },
  ],
  config: {
    xAxisLabel: 'genre',
    yAxisLabel: 'sold',
    autoFit: true,
    customColor: true,
    colorMap: [
      ['Sports', '#8C31FF80'],
      ['Strategy', '#FFA82D80'],
      ['Action', '#3DDFCC80'],
      ['Shooter', '#FF57A280'],
      ['Other', '#68E04980'],
    ],
    legend: true,
    theme: 'classic',
    container: 'basicPieColumn',
  },
};

export const BarMultiMeasureData = {
  listData: [
    { type: '超速报警', allNum: 12, doneNum: 5 },
    { type: '疲劳驾驶', allNum: 20, doneNum: 3 },
    { type: '其他报警', allNum: 16, doneNum: 8 },
  ],
  config: {
    xAxisLabel: 'type',
    yAxisLabel: ['allNum', 'doneNum'],
    autoFit: true,
    customColor: true,
    colorMap: ['red', 'pink'],
    legend: true,
    container: 'barMultiMeasure',
  },
};

export const AggregatedLabelLineData = {
  listData: [
    { type: '超速报警', num: 12, time: 1, color: 'red' },
    { type: '超速报警', num: 25, time: 2, color: 'red' },
    { type: '超速报警', num: 30, time: 3, color: 'red' },
    { type: '超速报警', num: 14, time: 4, color: 'red' },
    { type: '疲劳驾驶', num: 12, time: 1, color: 'blue' },
    { type: '疲劳驾驶', num: 25, time: 2, color: 'blue' },
    { type: '疲劳驾驶', num: 22, time: 3, color: 'blue' },
    { type: '疲劳驾驶', num: 15, time: 4, color: 'blue' },
    { type: '其他报警', num: 64, time: 1, color: 'yellow' },
    { type: '其他报警', num: 24, time: 2, color: 'yellow' },
    { type: '其他报警', num: 12, time: 3, color: 'yellow' },
    { type: '其他报警', num: 11, time: 4, color: 'yellow' },
  ],
  config: {
    xAxisLabel: 'time',
    yAxisLabel: 'num',
    autoFit: true,
    colorMap: ['red', 'pink', 'green'],
    customColor: true,
    color: 'color',
    legend: true,
    symbol: 'type',
    container: 'aggregatedLabelLine',
  },
};
export const SpiderLabelPieData = {
  listData: [
    { genre: 'Sports', sold: 275 },
    { genre: 'Strategy', sold: 115 },
    { genre: 'Action', sold: 120 },
    { genre: 'Shooter', sold: 350 },
    { genre: 'Other', sold: 150 },
  ],
  config: {
    xAxisLabel: 'genre',
    yAxisLabel: 'sold',
    autoFit: true,
    customColor: true,
    colorMap: [
      ['Sports', '#8C31FF80'],
      ['Strategy', '#FFA82D80'],
      ['Action', '#3DDFCC80'],
      ['Shooter', '#FF57A280'],
      ['Other', '#68E04980'],
    ],
    legend: true,
    theme: 'classic',
    container: 'spiderLabelPie',
  },
};
export const PointLinePieData = {
  listData: [
    { genre: 'Sports', sold: 275 },
    { genre: 'Strategy', sold: 115 },
    { genre: 'Action', sold: 120 },
    { genre: 'Shooter', sold: 350 },
    { genre: 'Other', sold: 150 },
  ],
  config: {
    xAxisLabel: 'genre',
    yAxisLabel: 'sold',
    autoFit: true,
    customColor: true,
    colorMap: [
      ['Sports', '#8C31FF80'],
      ['Strategy', '#FFA82D80'],
      ['Action', '#3DDFCC80'],
      ['Shooter', '#FF57A280'],
      ['Other', '#68E04980'],
    ],
    legend: true,
    theme: 'classic',
    container: 'pointLinePie',
  },
};
export const LevelColumnData = {
  listData: [
    { genre: 'Sports', sold: 275 },
    { genre: 'Strategy', sold: 115 },
    { genre: 'Action', sold: 120 },
    { genre: 'Shooter', sold: 350 },
    { genre: 'Other', sold: 150 },
  ],
  config: {
    xAxisLabel: 'genre',
    yAxisLabel: 'sold',
    autoFit: true,
    customColor: true,
    colorMap: [
      ['Sports', '#8C31FF80'],
      ['Strategy', '#FFA82D80'],
      ['Action', '#3DDFCC80'],
      ['Shooter', '#FF57A280'],
      ['Other', '#68E04980'],
    ],
    legend: true,
    theme: 'classic',
    container: 'levelColumn',
  },
};