Question

您好我正在使用Chartnew.js绘制条形图。我已经定义了x和y轴标签，并在其中绘制了条形图。

1）如何修复此图表中每个条形的宽度（宽度应相等，比如20 px）

2）此图表可以处理的最大条数是多少？

3）如果条形数量增加，我可以使条形图滚动吗？

4）此外，如果它可以滚动，在我的页面显示中，我可以将我的图表区域滚动到特定的条形偏移（假设它应该显示为居中或基于某些索引突出显示）？ 5）我也试过使用chart.js但是无法解决这个问题。

任何帮助将不胜感激

由于

Answer 1

我修正了我在ChartNew.js中添加以下代码

while (barWidth > 80) {
  config.barValueSpacing = config.barValueSpacing + 10;
  barWidth = (valueHop - Math.ceil(ctx.chartLineScale * config.scaleGridLineWidth) * 2 - (Math.ceil(ctx.chartSpaceScale * config.barValueSpacing) * 2) - (Math.ceil(ctx.chartSpaceScale * config.barDatasetSpacing) * nrOfBars - 1) - ((Math.ceil(ctx.chartLineScale * config.barStrokeWidth) / 2) * nrOfBars - 1)) / nrOfBars;
}

在上面的代码中，80是您要设置的最大尺寸。将此代码准确地放在第3883行，行下面：

barWidth = (valueHop - Math.ceil(ctx.chartLineScale * config.scaleGridLineWidth) * 2 - (Math.ceil(ctx.chartSpaceScale * config.barValueSpacing) * 2) - (Math.ceil(ctx.chartSpaceScale * config.barDatasetSpacing) * nrOfBars - 1) - ((Math.ceil(ctx.chartLineScale * config.barStrokeWidth) / 2) * nrOfBars - 1)) / nrOfBars;

有关更多参考，请将此代码放在函数中： var Bar = function（data，config，ctx）{}，位于设置barWidth的行之下。

它的工作王牌。

自定义Chart new.js的条形图问题

1 个答案: