为条形图定制Chart new.js的问题

issue with customisation of Chart new.js for bar chart

本文关键字：js 问题 new Chart 条形图      更新时间：2023-12-08

嗨，我正在开发用于绘制条形图的Chartnew.js。我已经定义了x和y轴标签，并在其中绘制了条形图。

1） 我如何固定这个图表中每个条的宽度（宽度应该等于20像素）

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

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

4） 此外，如果它可以滚动，在我的pageshow eent上，我可以将我的图表区域滚动到特定的条形图偏移量吗？5） 我也试过使用chart.js，但没能解决这个问题。

如有任何帮助，将不胜感激

感谢

我在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=函数（data，config，ctx）｛｝，位于设置barWidth的行下方。

它对我来说是一张工作王牌。

相关文章：