使用apexcharts的四舍五入图表

dpiehjr4  于 2021-09-29  发布在  Java
关注(0)|答案(0)|浏览(195)

我在github上看到了这篇关于圆形条形图的帖子(https://github.com/apexcharts/apexcharts.js/issues/422)我想知道如何在我使用的3.27.3版的图表底部画圆。我想让我的图表看起来像这样:香肠图,现在它们看起来像这个条形图,因为你可以看到底部部分不是四舍五入的
以下是我的选择:

chart: {
      background: "transparent",
      foreColor: "#333",
      toolbar: {
        show: false,
      },
      zoom: {
        enabled: false,
      },
    },
    legend: {
      show: false,
    },
    grid: {
      show: false,
    },
    xaxis: {
      categories: [],
      axisBorder: {
        show: false,
      },
      axisTicks: {
        show: false,
      },
      categories: [
        "Jan",
        "Feb",
        "Mar",
        "Apr",
        "May",
        "Jun",
        "Jul",
        "Aug",
        "Sep",
        "Oct",
        "Nov",
        "Dec",
      ],
      labels: {
        show: false,
      },
    },
    yaxis: {
      labels: {
        style: {
          colors: ["#FFFFFF"],
          fontSize: "12px",
          fontFamily: "Helvetica, Arial, sans-serif",
          fontWeight: 500,
          cssClass: "apexcharts-yaxis-label",
        },
      },
    },
    plotOptions: {
      bar: {
        horizontal: false,
        borderRadius: 7,
        columnWidth: "25%",
        barHeight: "70%",
      },
    },
    fill: {
      colors: ["#FFFFFF"],
    },
    dataLabels: {
      enabled: false,
    },
    title: {
      text: undefined,
    },
  });

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题