Графики победы, как изменить ось и цвета меток - PullRequest
Новая
       16

Графики победы, как изменить ось и цвета меток

0 голосов
/ 09 марта 2019

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

enter image description here

Код, который я использую: 

<VictoryChart
            width={WIDTH}
          // theme={VictoryTheme.material}
          >
            {/* <VictoryBar data={data} x="quarter" y="earnings" /> */}
            <VictoryArea data={outcome} x="quarter" y="earnings" style={{ data: { fill: '#0074B7', fillOpacity: 0.7, stroke: '#0C7BBB', strokeWidth: 1 } }} />
            {/* <VictoryArea data={income} x="quarter" y="earnings" style={{ data: { fill: '#9BC578', fillOpacity: 0.7, stroke: '#37B875', strokeWidth: 1 } }} /> */}
          </VictoryChart>

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 26 апреля 2019

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

const chartTheme = {
  axis: {
    style: {
      tickLabels: {
        // this changed the color of my numbers to white
        fill: 'white',
      },
    },
  },
};


      <VictoryChart theme={ chartTheme }>
        <VictoryAxis label="Body Weight" />
        <VictoryAxis dependentAxis label="Time" />
        <VictoryLine
          data={ [
            { x: 1, y: 2 },
            { x: 2, y: 3 },
            { x: 3, y: 5 },
            { x: 4, y: 4 },
            { x: 5, y: 7 },
          ] }
        />
      </VictoryChart>
...