积极创建一条垂直线来显示平均值

所以我正在尝试创建一条水平线条，显示平均水平线。积极创建一条垂直线来显示平均值

到目前为止，我已经尝试以下操作：

首先加入我的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

积极创建一条垂直线来显示平均值

回答

相关问题