重命名flot餅圖ID

我想通過使用flot圖創建一個餅圖。我已經成功地設法創建一個用下面的代碼：重命名flot餅圖ID

HTML：

<div class="row"> 
    <div class="col-md-6"> 
     <div id="pie-chart"></div> 
    </div> 
</div>

的Javascript：

var data = []; 

    data[0] = { label: "Vertification successful", data: 9 }; 
    data[1] = { label: "Vertification failed", data: 2 }; 
    var series = Math.floor(Math.random() * 10) + 1; 
    $.plot($("#pie-chart"), data, 
    { 
     series: { 
      pie: { 
       show: true, 
      } 
     }, 
     grid: { hoverable: true }, 
    });

並顯示就好了。的事情是，如果我改變的div元素的ID爲「餡餅chart1」（而不是「餅圖」）和更新相應的JavaScript：

$.plot($("#pie-chart1"), data,

我收到以下錯誤：

Uncaught Invalid dimensions for plot, width = 501, height = 0

究竟是什麼造成了這種情況？我只是想重新命名顯然由於某種原因是不可能的ID。

來源

2014-02-27 Jamie Romeo

我在過去曾經使用過flot，我可以告訴你一個用於flot-chart（你的餅圖div）的元素不能將高度或寬度設置爲0（否則你會得到一個像你所描述的那個）。所以對我來說，這似乎很奇怪，它在第一種情況下起作用。你確定你不是在css某處設置寬度和高度嗎？ – user3334690

https://github.com/flot/flot/blob/master/README.md閱讀基本使用部分。它的正確標記 – rockStar

@ user3334690 它在第一種情況下效果很好。只有當我更改ID時，它纔會失敗。 –

這很可能是有一些CSS或可能在您的網站上的其他地方的JS，預計該div被稱爲餅圖。你需要確保它仍然適用於新的div。例如，如果您有：

#pie-chart { 
    width: 400px; 
    height: 300px; 
}

當您更改div的ID，你需要更新引用過，否則佔位符的高度和寬度是不確定的，其海軍報不能處理。

如果您添加該數字的目標是創建多個圖表，那麼您應該使用一個類來應用樣式而不是ID。

來源

2014-02-28 04:18:00 DNS

重命名flot餅圖ID

回答

相關問題