从统计汇总数据绘制框图

Question

我想在我的页面上添加一个框图。类似于this (使用Plotly.js)。

从上面的链接实现示例的问题是，plotly.js库需要所有的点，而我只能访问已经计算出的统计数据。换句话说，我希望通过传递max、min、med、avr、stdev (序列的统计数据)而不是所有数据点本身来绘制图形。

附言:使用plotly.js不是必需的。只有在可以选择的情况下，我才能使用D3.js。

Answer 1

可以在绘图箱形图对象的y-value中提供箱形图的值。请参阅下面的代码片段和讨论here。

​

var min = 1;
var max = 11;
var med = 4.25;
var stdev = 2;

var y = [min,
         med - stdev,
         med - stdev,
         med,
         med + stdev,
         med + stdev,
         max
        ];

var box = {
  y: y,
  type: 'box'
};

Plotly.newPlot('myDiv', [box]);

<head>
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
        
<body>
  <div id="myDiv"></div>
</body>

​