Блог

Главная - Вопросы по программированию - Как удалить вертикальную пунктирную линию в диаграммах победы

Как удалить вертикальную пунктирную линию в диаграммах победы

#react-native #victory-charts

#react-native #победа-диаграммы

Вопрос:

Я использую диаграмму победы в React Native. Все работает нормально, но не удается удалить / скрыть вертикальную пунктирную линию, как вы видите на данном рисунке. Как я могу удалить эту y-axis вертикальную пунктирную линию? Вот мой код

 <VictoryChart
  theme={VictoryTheme.material}
  animate={{
    duration: 2000,
    onLoad: { duration: 1000 },
  }}
>
  <VictoryPie
    colorScale={['#008FFB', '#82C9FF']}
    data={graphData}
    innerRadius={60}
    labels={[]}
  />

  {/*--- some code for Victory Label ---*/}

  <VictoryAxis
    style={{
      axis: { stroke: 'none' },
      ticks: { stroke: 'none' },
      tickLabels: { fill: 'none' },
    }}
    standalone={false}
  />
</VictoryChart>

пример круговой диаграммы победы

Ответ №1:

Только что нашел ответ из документа, поэтому я пишу здесь. Надеюсь, кому-нибудь поможет.

Добавьте grid свойство в стиле VictoryAxis и установите stroke прозрачность.

 <VictoryAxis
  style={{
    axis: { stroke: 'none' },
    ticks: { stroke: 'none' },
    tickLabels: { fill: 'none' },
    grid: { stroke: 'transparent' }
  }}
  standalone={false}
/>

Официальная документация

Метки: