積極創建一條垂直線來顯示平均值

所以我正在嘗試創建一條水平線條，顯示平均水平線。積極創建一條垂直線來顯示平均值

到目前爲止，我已經嘗試以下操作：

首先加入我的BARCHART系列（它來自以下數組）：

 "series": [ 
    { 
     "value": 100, "label": "F1" 
    }, 
    { 
     "value": 25, "label": "F2" 
    }, 
    { 
     "value": 30, "label": "Jedi Jeremiah 555" 
    }, 
    { 
     "value": 40, "label": "F4" 
    }, 
    { 
     "value": 55, "label": "F5" 
    }, 
    { 
     "value": 60, "label": "F6" 
    }, 
    { 
     "value": 71, "label": "F7" 
    }, 
    { 
     "value": 15, "label": "F8" 
    }, 
    { 
     "value": 88, "label": "F9" 
    }, 
    { 
     "value": 90, "label": "F10" 
    } 
    ]

它轉換爲以下對象的數組：

{name: 'F1', orientation: "h", x: [100], y: ["F1"]}

然後我添加以下系列：

{ 
    name: 'average organization', 
    type: 'scatter', 
    x: [60], 
    orientation: 'h' 
}

這將創建如下圖：

正如你所看到的只有一個藍點表示平均是沒有結果的即時尋找。

我知道有形狀，但我希望它作爲圖表的一部分，以便您可以選擇或取消選擇它。

有誰知道你會怎麼做到這一點？

來源

2016-11-23 Marc Rasmussen

你有一點，因爲你只定義了一個點。相反，您應該爲每個欄提供數據。 –

這將有助於如果你會提供一個jsFiddle或codePen或其他示例來直接執行它:-)我認爲問題是，你想有一個垂直線，但將orientation: 'h'設置爲最後的「平均組織「 - 對象，而不是使用orientation: 'v'。

我再現成的jsfiddle你的榜樣，並添加所需的行爲： https://jsfiddle.net/vepycde0/

希望它可以幫助:-)

編輯：關於y軸隱藏「0」用y: [""]在看到那個jsFiddle：https://jsfiddle.net/vepycde0/1/

來源

2016-11-23 09:40:31 flipperweid

謝謝@fillperweid。有沒有辦法從圖例中刪除0？ –

我認爲唯一的辦法是爲它提供一個空的y值：'y：[「」]'。我爲你更新了我的jsFiddle：jsfiddle.net/vepycde0/1 – flipperweid

積極創建一條垂直線來顯示平均值

回答

相關問題