在Resize上重新绘制图表

时间:2017-11-20 16:09:35

标签: javascript charts

在查看论坛后,我无法找到以下问题:

我有三个图表在用户点击下面的按钮后触发,然后,当窗口调整大小时,图表会再次绘制。

//Calling the different button clicks   
      document.getElementById('traffBut').onclick = drawTrafficAndResize;
      document.getElementById('convBut').onclick = drawConversionsAndResize;
      document.getElementById('revBut').onclick = drawRevenueAndResize;
      document.getElementById('tranBut').onclick = drawTransactionsAndResize;

    //functions to draw and then redraw on resize
        function drawTrafficAndResize() {
                drawTraffic();
                resizeMode(drawTraffic);
              }
              function drawConversionsAndResize() {
                drawConversions();
                resizeMode(drawConversions);
                }
                function drawRevenueAndResize() {
                drawRevenue();
                resizeMode(drawRevenue);
                }
                function drawTransactionsAndResize() {
                drawTransactions();
                resizeMode(drawTranctions);
                }
   //And this is the resizing function:
      function resizeMode (metric){
      window.onresize = metric;
                                   }

出于任何原因,除了最后一个按钮之外,它适用于所有按钮,如果单击运行drawTransactionsAndResize的最后一个按钮,它将绘制由前一个按钮触发的图表。

例如,如果我单击流量按钮,然后单击事务按钮然后调整屏幕大小,则会触发drawTraffic。

只有最后一个元素发生,其他按钮运行绘图功能,然后在窗口调整大小时再次执行绘图功能。

我无法理解这一点,所以任何帮助都会非常感激,

非常感谢 学家

1 个答案:

答案 0 :(得分:0)

对我的火炬:  resizeMode(drawTranctions); 应该  resizeMode(drawTransactions);

对不起大家:(谢谢!