Javascript Highcharts动态创建基本体并设置位置和大小

可以把矩形放在直线上吗

一个矩形在yAxis中应该有一条或多条线。 矩形应根据数据动态添加、移动和调整大小

这是一个例子

HTML:

创建serier并添加

JS:

var图；
$（文档）.ready（函数（）{
var计数器=0；
var addRect=函数（图表，x1，y1，x2，y2，r）{
chart.renderer.rect（x1，y1，x2，y2，r）
艾特先生({
“笔划宽度”：2，
笔划：“红色”，
填充：新的Highcharts.Color（'#ff0000'）.setOpacity（0.4）.get（），
zIndex:10
})
.add（）；
}
函数随机数据（透镜、计数器）{
var-arr=[]；
i=0；
var rand；
虽然（iRectangle）不会自行调整大小，但您需要调整它的大小。您可以通过以下方式存储rect元素：
var myRect=chart.renderer.rect（x1，y1，x2，y2，r）.attr（{…}）.add（）
。然后使用
myRect.attr（{x:new_x，y:new_y，width:new_width}）
为矩形设置新值。