Google（圖表）可視化：顯示圖例中的值

我已將Google可視化餅圖添加到了我的頁面。這一切都很好，我沒有用預定義的選項定製它的問題。但是，沒有選項可以在圖例中顯示值而不是百分比，只能在切片本身或懸停工具提示中顯示。Google（圖表）可視化：顯示圖例中的值

我想顯示圖例中的值和切片中的百分比（後者我可以通過選項來完成）。

對於加分......我可以追加「MW」的價值觀的結尾，即145WM輸出，而不僅僅是145

我當前圖表的代碼：http://pastebin.com/4JJdpxKx

我敢肯定很明顯，但數據正在動態引入。

來源

2013-11-14 lotech

將值添加到圖例的唯一方法是更改標籤列數據的值或格式化值，這也會更改工具提示中的標籤。

追加「MW」你的數字到底是簡單：只需使用一個NumberFormatter：

// format column 1 as "1,234 MW" 
var formatter = new google.visualization.NumberFormat({pattern: '#,### MW'}); 
formatter.format(data, 1);

來源

2013-11-14 16:16:42 asgallant

感謝您的回覆。附加的MW完美工作，非常感謝！現在看來，在傳說中添加值似乎是我無法接觸的。在這種情況下，我實際上想要隱藏值，但保留切片的名稱（如下圖所示，隱藏％年份但保留國家/地區名稱）。似乎沒有這個選項：/ 最後，有一些奇怪的對齊錯誤... http://img707.imageshack.us/img707/8076/36wq.png。你可以在幻燈片中看到法國的價值。似乎無法像其他人那樣正確對齊。 – lotech

使用將'legend.position'選項設置爲''labelled''時，您無法關閉百分比（這很奇怪，我知道）。對齊問題，例如您在法國看到的問題通常是由於以下兩種情況之一造成的：無論是API加載不當還是在隱藏的div內繪製圖表。從你放在Pastebin上的代碼看，這兩種情況都不適用於你。您是過去幾天內第二位報告此類問題的人。在另一種情況下，對齊問題僅在Chrome中出現，並且僅限於一些用戶（我自己無法複製它）。續... – asgallant

我會建議在這裏提交錯誤報告：http：//code.google.com/p/google-visualization-api-issues/issues/list。包括能夠爲您重現問題的代碼（如果該代碼存在問題，則指向您的Pastebin的鏈接無誤）以及您可以提供的有關本地環境的詳細信息（操作系統，瀏覽器（使用版本號））。 – asgallant

很難找到合適的文檔，谷歌圖表，我最擔心的是，因爲它是不記錄它可以帶走任何時間，但這應該做你想要什麼：

chart1.options = { 
    . 
    . 
    . 
    pieSliceText: 'value', 
    legend: { 
     position: 'labeled', 
     labeledValueText: 'both', 
     textStyle: { 
      color: 'blue', 
      fontSize: 14 
     } 
    } 
};

同時爲pieSliceText和labeledValueText我已經成功地使用的選項：

value 
both 
none 
percent

不過，我不知道％的，因爲我得到同樣的結果，如果我使用任何垃圾話。至於pieSliceText它似乎不接受價值都。另外，無在標有值文本上未被識別。

所以，一定要嘗試不同的組合。我個人希望都上pieSliceText，但獲得標記的傳說對我來說已經足夠了。

不幸的是，Google Charts的選項缺乏一致性，但這可能是因爲他們不想繼續支持他們。更不幸的是，如果存在這些文件，幾乎不可能找到。

來源

2014-07-07 19:58:50 cpu

非常感謝你的回答。我真的無法在zoogle的文檔中找到這些圖例選項。 – artificis

您必須創建變量並動態獲取數據。

var legendValue = 100; 
var legendText1= 'legend1' + legendValue; 

data.addRows([[legendText1,legendValue],[],[]])

來源

2015-03-04 17:59:30

Google（圖表）可視化：顯示圖例中的值

回答

相關問題