首页 > 解决方案 > 组合图表顶点图表中的自定义位置

问题描述

我需要一个自定义组合图表区域 + 列。

面积图需要在柱形图上重叠,如下图所示。

现在柱形图总是在区域上重叠

这是我的图表选项:

   chartOptions = {
    series: [
      {
        type: "area",
        data: [],
        name: 'Objects Processed',

      },
      {
        type: "column",
        data: [],
        name: 'Objects Blocked'
      }
    ],
    chart: {
      height: 350,
      width: '100%',
      type: "line",
      stacked: false,
      toolbar: {
        show: false
      }
    },
    stroke: {
      width: [1.5, 0],
      curve: "straight",
      colors: ["#194CA7", "#FFF"]
    },
    fill: {
      type: ['gradient', "solid"],
      opacity: [1, 1],
      gradient: {
        inverseColors: false,
        shade: "light",
        type: "vertical",
        opacityFrom: 0.7,
        opacityTo: 0.1,
        stops: [5, 100]
      }

    }
}

在此处输入图像描述

标签: apexcharts

解决方案


推荐阅读