MultiBar Graph NVD3頂部的線圖，d3.js

NVD3有multi bar chart和line plus bar chart。但看起來好像沒有像多線條加折線圖那樣的東西。MultiBar Graph NVD3頂部的線圖，d3.js

我有點繞線加條形圖，使它成爲多條線圖。

以下是在哪一行加條形圖接受數據的格式爲：

[ 
    { 
    "key" : "Quantity", 
    "bar": true, 
    "values" : [[1136005200000, 127], [1138683600000, 271]] 
    }, 
    { 
    "key" : "Price", 
    "values" : [[1136005200000, 71.89], [1138683600000, 75.51]] 
    } 
]

因此，爲了在此添加多個棒，我試圖將數據改變爲：

[ 
    { 
    "key" : "Quantity", 
    "bar": true, 
    "values" : [[1136005200000, 127], [1138683600000, 271]] 
    }, 
    { 
    "key" : "Quantity1", 
    "bar": true, 
    "values" : [[1136005200000, 127], [1138683600000, 271]] 
    }, 
    { 
    "key" : "Price", 
    "values" : [[1136005200000, 71.89], [1138683600000, 75.51]] 
    } 
]

這表明兩種標記，數量和Quantity1在頂部，但總數沒有酒吧仍然是兩個（每個一個，而不是每個兩個）。

因爲我得到頂部的標籤，我莫名其妙地覺得這是可行的:)

這裏是fiddle。

解釋問題陳述：假設有一家書店有各種書籍。我想在一個月的時間內顯示一天內出售的圖書的最大和最小數量，以線條圖的形式顯示該月的總銷售額。因此，對於x軸上的每個月，應該有兩個條和一個點（對於線圖）。

來源

2013-05-09 azi

您遇到什麼麻煩？ – minikomi 2013-05-09 07:37:44

因此，在nvd3中的一行加條形圖中，每個x的值都有一個條和一個點（通過連接這些條形成線）。我想要的是每個x值兩個條和一個點。 – azi 2013-05-09 07:55:39

我不認爲你可以在nvd3中做到這一點。你最好在純D3中嘗試。 – 2013-05-09 08:10:35

檢查nvd3包示例中的multiChart.html示例。這個例子使用多圖型，並顯示2個點，2個區域點和每每個x點3巴，所以它也可以只顯示2條和1個點。

來源

2013-05-11 18:50:32 bos90

這不回答他的問題。他在談論MultiBargraphs和一個折線圖 – Jaime 2014-05-15 18:28:33

真正回答這個問題，其他任何人想知道是要麼堆放設置爲true nv.models.multiChart或創建基於nv.models.multiChart另一種模式。在源代碼

bars1 = nv.models.multiBar().stacked(true).yScale(yScale1), 
    bars2 = nv.models.multiBar().stacked(true).yScale(yScale2)

行號：

https://github.com/novus/nvd3/blob/master/src/models/multiChart.js#L34

而且我在傳遞數據，像這樣：

data.push({ 
        type: "bar", 
        key: series.name, 
        values: seriesData, 
        yAxis: 1 
       } 
      )

來源

2014-05-15 18:33:33 Jaime

這對我有效！謝謝 – mkez00 2014-07-11 12:44:26

MultiBar Graph NVD3頂部的線圖，d3.js

回答

相關問題