Question

我想在我的页面上添加一个箱形图。类似于this（使用Plotly.js）。

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

P.s .：不需要使用plotly.js。只有在这种情况下，我才能使用D3.js。

Answer 1

您可以在Plotly箱形图对象的y值中提供箱形图的值。请参阅下面的代码段和讨论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>

统计汇总数据中的绘图箱图

1 个答案: