私はchartjsをreact-nativeで使用できるようにするライブラリを使用しています:
グラフはうまく機能しますが、円グラフのスライスを押すと、ツールヒントしか表示されません。私がしたいのは、chart.js によって提供されるツールチップの代わりにポップアップ ウィンドウをロードする独自の関数を作成することです。それは実行可能ですか?(私はreact-nativeにはかなり慣れていないので、愚かな質問であれば申し訳ありません)。
画像: チャート
チャートコード:
export const NutritionChart = (props) => {
return (
<Chart
chartConfiguration={
{
type: 'polarArea',
data: {
labels: ['Fiber', 'Protein', 'Healthy Oil', 'Good Energy']‚
datasets: [
{
label: '# of Votes',
data: [ 50, 140, 90, 120 ],
backgroundColor: backgroundColor,
borderColor: borderColor,
borderWidth: datasets.border,
hoverBackgroundColor: hoverBackgroundColor,
},
],
},
options: {
layout: {
padding: {
top: options.layout.padding.top,
bottom: options.layout.padding.bottom,
}
},
scale: {
display: false,
ticks: {
min:0,
max:200,
}
},
responsive: true,
maintainAspectRatio: false,
},
}
}
defaultFontSize={10}
/>
);
};