在 Cube.js 折线图上绘制多条线

Question

想象一个简单的折线图，根据自定义时间值（x 轴）绘制人数（y 轴），如下所示：

假设你有另一个维度，比如特定的人群，你如何在这个图表上为每个群体画一条单独的线？

Answer 1

您必须在此处使用 PivotConfig 一个我在 Angular 中使用的示例（编辑） 这是查询

Query = {
  measures: ['Admissions.count'],
  timeDimensions: [
    {
      dimension: 'Admissions.createdDate',
      granularity: 'week',
      dateRange: 'This quarter',
    },
  ],
  dimensions: ['Admissions.status'],
  order: {
    'Admissions.createdDate': 'asc',
  },
}

（结束编辑）

PivotConfig = {
  x: ['Admissions.createdDate.day'],
  y: ['Admissions.status', 'measures'],
  fillMissingDates: true,
  joinDateRange: false,
}

从结果集中提取数据的代码：

let chartData = resultSet.series(this.PivotConfig).map(item => {
        return {
          label: item.title.split(',')[0], //title contains "ADMIS, COUNT"
          data: item.series.map(({ value }) => value),
        }
      })

结果 Object（不是图表中的那个）：

[{
  "label": "ADMIS",
  "data": [2,1,0,0,0,0,0]
},{
  "label": "SORTIE",
  "data": [2,1,0,0,0,0,0]
}]

这是 output 的样子！

Answer 2

Developer Playground 中的图表渲染器非常简单。 我建议创建仪表板应用程序或在现有项目中使用我们的一个前端集成来完全控制图表呈现。