Chartjs 绘制的不是所有数据
Chartjs draw not all data
我需要显示 127 个柱,但 ChartJs 只显示 6 个标签和所有柱。如何增加栏高并使其更具可读性?
我无法将固定高度设置为 canvas,因为图表可以绘制 1、10 或 150 个柱,这取决于接收到的数据。
沙盒:https://codesandbox.io/s/damp-smoke-4myvw?file=/App.tsx
一个可能的解决方案是将 height
属性添加到图表:
const BAR_HEIGHT = 23;
export function App() {
return <Bar options={options} data={data} height={BAR_HEIGHT * data.labels.length} />;
}
我需要显示 127 个柱,但 ChartJs 只显示 6 个标签和所有柱。如何增加栏高并使其更具可读性? 我无法将固定高度设置为 canvas,因为图表可以绘制 1、10 或 150 个柱,这取决于接收到的数据。 沙盒:https://codesandbox.io/s/damp-smoke-4myvw?file=/App.tsx
一个可能的解决方案是将 height
属性添加到图表:
const BAR_HEIGHT = 23;
export function App() {
return <Bar options={options} data={data} height={BAR_HEIGHT * data.labels.length} />;
}