首页 文章

自动调整图表大小 - AngularChartJS

提问于
浏览
1

我正在使用堆积条形数据图表,以便使用Chart.js 2.0.2Angular-Chart 1.0.0显示一些信息 .

我想检测用户何时滚动到图表容器的末尾,然后通过保持图表的比率(高度/宽度)将一些数据添加到图表中 .

问题是,chart.js提供了一个iframe,我不知道如何添加数据并保持bar之间的空间 . 如果我调整画布大小,这不起作用 . 我有一个基本图表,其中options.responsive = true,我将数据添加到此图表中 .

但是,即使只有图表包装宽度以编程方式更改,图表的高度也会发生变化 . 这是一种奇怪的响应行为 .

这是另一种仅改变图表宽度以保持条形图之间相同空间的方法吗?

1 回答

  • 0

    做这个:

    options: {
        responsive: true,
        maintainAspectRatio: false
    };
    

    然后,您可以根据需要实际更新高度/宽度:

    chart.canvas.parentNode.style.width = '128px';
    

    //注意:我正在运行2.6

相关问题