结合三种图表类型 Angular 上的 Apex 图表

Question

我想合并 3 种图表类型。如何让 Pulse 系列在图表上显示为散点图？当 base chart.type 为 line 时，它不会显示。例如，如果将其更改为 scatter，Pulse 将显示，但它也有效地禁用了行。期望的最终结果是 Pulse 将显示为散点，而其他类型保持原样。

        {
          name: "Income",
          type: "column",
          data: [1.4, 2, 0, 1.5, 2.5, 2.8, 3.8, 4.6]
        },
        {
          name: "Cashflow",
          type: "column",
          data: [0, 3, 3.1, 4, 4.1, 4.9, 6.5, 8.5]
        },
        {
          name: "Revenue",
          type: "line",
          data: [0, 0, 37, 36, 44, 45, 50, 58]
        }
        ,
        {
          name: "Pulse",
          type: "scatter",
          data: [10, 15, 37, 36, 44, 90, 50, 20]
        }
      ],
      chart: {
        height: 350,
        type: "line",
        stacked: false
      },

这里是问题所在：https://codesandbox.io/s/apx-combo-multiple-yaxis-forked-x7okb?file=/src/app/app.component.ts

也许这就是 Apex 图表在幕后的工作方式，某些图表类型无法组合。

Answer 1

散点图添加了折线图和柱形图。

代码 - https://codesandbox.io/s/apex-chart-combine-three-xclhy

输出-

结合三种图表类型 Angular 上的 Apex 图表

Combining three chart types Apex charts on Angular

angular

apexcharts