删除 Y 轴及其网格线

Question

我正在使用 react-google-charts

这是我的图表代码

<Chart
  chartType="Bar"
  loader={<div>Loading Chart</div>}
  data={[
    ["", "Credit", "Debit"],
    [
      "AVERAGE",
      avg_credit,
      avg_debit,
    ],
    [
      "30 Days",
      sum_values[0].CREDIT,
      sum_values[0].DEBIT,
    ],
    [
      "60 Days",
      sum_values[1].CREDIT,
      sum_values[1].DEBIT,
    ],
    [
      "90 Days",
      sum_values[2].CREDIT,
      sum_values[2].DEBIT,
    ],
  ]}
  options={{
    legend: { position: "none" },
    hAxis: {
      baselineColor: "none",
      ticks: [],
    },
  }}
/>

我在那里添加了 hAxis 选项，因为我想完全删除 Y 轴（它是条形图，它是编号，它是水平穿过图形的网格线），但它们似乎没有任何效果，我该怎么做才能实现它？谢谢

Answer 1

试试这个。它将删除该轴的轴和文本

hAxis: { textPosition: "none", gridlines: { count: 0 } },
  vAxis: { textPosition: "none", gridlines: { count: 0 } },
  baselineColor:"transparent",

删除 Y 轴及其网格线

Remove Y Axis and its grid lines

reactjs

charts

google-visualization

react-google-charts