2

だから私は勝利チャートを使用していくつかのビルドデータを表示するチャートを作成しようとしています. ただし、かなり厄介な問題が発生しています。ドキュメンテーションはかなり悪いIMOです...彼らはできるだけ一般的に多くのことをカバーしようとしています。

ここにあるスクリーンショット

上のスクリーンショットを見てください。青いボックスは、Chrome の開発ツールで強調表示されているためです。

  • 赤枠で囲まれたエリア。彼らがそこにいる理由がわかりません。さらに下に行くと、何も埋めたり、そのスペースを使用したりしていません。どうすればそれを取り除くことができますか?
  • フォントサイズを読みやすいレベルに下げるにはどうすればよいですか?

以下は私が今いる場所です

    <VictoryChart
      theme={VictoryTheme.material}
      height={200}
      domainPadding={{ x: 20 }}
    >
      <VictoryBar
        barWidth={30}
        style={{
          data: { fill: f => f.fill }
        }}
        height={10}
        data={this.state.dataParsed}
      />
    </VictoryChart>

マテリアル テーマを直接編集してフォント サイズを調整しようとしましたが、役に立ちませんでした。私も独自のテーマを作成しようとしましたが、それを理解することはできません...

4

1 に答える 1