我在react.js中实现了一个条形图，我想弄清楚当值越来越多时，我如何在x轴上滚动。在下面的图表中，我有一些用户在一天内搜索的值。到目前为止，我有100多天的时间，我认为我的问题会更大，直到我们到达年底，当我在x轴上有更多的值。
我的代码的图表和选项如下。第一个
hjzp0vay1#
您可以使用chartjs-plugin-zoom来执行此操作。
import zoomPlugin from 'chartjs-plugin-zoom';import { Chart as ChartJS} from 'chart.js';ChartJS.register(zoomPlugin);
import zoomPlugin from 'chartjs-plugin-zoom';
import { Chart as ChartJS} from 'chart.js';
ChartJS.register(zoomPlugin);
注册缩放插件后，修改options对象。
options
const options = { responsive: true, plugins: { title: { display: true, }, zoom: { pan: { enabled: true, mode: 'x' }, zoom: { pinch: { enabled: true // Enable pinch zooming }, wheel: { enabled: true // Enable wheel zooming }, mode: 'x', } } }, };
const options = {
responsive: true,
plugins: {
title: {
display: true,
},
zoom: {
pan: {
enabled: true,
mode: 'x'
pinch: {
enabled: true // Enable pinch zooming
wheel: {
enabled: true // Enable wheel zooming
mode: 'x',
}
};
1条答案
按热度按时间hjzp0vay1#
您可以使用chartjs-plugin-zoom来执行此操作。
注册缩放插件后，修改
options对象。