質問: { ChartBar: PropTypes.node } export default BarChart ``` 現在は下記の感じになっています。 ![![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/ff38cdc60046274284b3ff8c5c6f1c80.png)](e99142ce21662f377f8f87c9a8252f2b.png) いろいろと試しましたが 1)と2)がどうも実現できません。。 react-chartjs-2にお詳しい方がいらしたら、教えていただけますと大変、助かります。 何卒宜しくお願いたします。
回答: react-chartjs-2は知らないですが,単にchart.jsのreact用ラッパーなのでchart.jsについて調べればいいですね. > > 1)ツールチップを表示させつづけさせて、(今はタップしないと表示されないので) > > なおかつツールチップの色や位置をカスタマイズしたい > > > 常に表示するならtooltipというよりはdata labelですね. ということでchartjs-plugin-datalabelsという公式のプラグインがありますので,それを使うほうが(個人的には)いいと思います。 スタイルも色々指定できるようです. Options - chartjs-plugin-datalabels > > 2)y軸のラベルを消したい(0, 50, 100, 150を消したい) > > > `scales.yAxes.ticks.display`を`false`にするとできます. javascript - Remove x-axis label/text in chart.js - Stack Overflow Axes - Chart.js documentation 質問文のコードをもとに改変しました. **CodeSandbox Demo**