Добавление меток к обоим концам оси Google-диаграмм - PullRequest
Новая
       24

Добавление меток к обоим концам оси Google-диаграмм

1 голос
/ 05 ноября 2019

Я построил пузырьковую диаграмму на квадрантном графике, используя google-charts в Reactionjs, но у меня было только две метки на моей оси, и мне нужно четыре.

Я пытался поиграться с кодом, но безуспешно. Я не хочу добавлять фиктивные данные и дополнительные элементы серии. Является ли оверлей единственным вариантом добавления оси? 

<Chart
  width={"800px"}
  height={"600px"}
  chartType="BubbleChart"
  loader={<div>Loading Chart</div>}
  data={[
    ["Age", "Weight", "4", "Group", "Size"],
    ["Name", -12, 34, 1, 7],
    ["Name", -5.5, 6, 1, 8],
    ["Name", 22, 35, 1, 4],
    ["Name", 14, 4, 2, 5],
    ["Name", -5, -5, 2, 6],
    ["Name", 15, 34, 3, 1],
    ["Name4", 7, -21, 4, 22]
  ]}
  options={{
    bubble: {},
    chartArea: { left: 20, top: 0, width: "90%", height: "95%" },
    colors: ["red", "green", "yellow", "blue"],
    hAxis: {
      title: "Low Importance",
      ticks: "none",
      baseline: 0,
      ticks: ["none"],
      minValue: -50,
      gridlines: { count: 0 },
      maxValue: 50
    },
    vAxis: {
      title: "Low Urgency",
      baseline: 0,
      ticks: ["none"],
      minValue: -50,
      gridlines: { count: 0 },
      maxValue: 50
    },
    legend: "none"
  }}
/>;

Как видно на графике ниже, я могу получить только левую и нижнюю метки, но не верхнюю и правую. Любые идеи, как я мог бы добиться этого, используя библиотеку Google-диаграммы для реагирования?

enter image description here

...