Highcharts - 如何指定矩形的尺寸

Question

我在angularjs中使用highcharts，我想改变图片中的背景。此外，我希望能够指定矩形的尺寸

更新 问题是当我给出绘制矩形的参数时，它会影响所有div，我想要的只是在我的图表表面上绘制矩形。问题是因为＆＃34;这个＆＃34;我在我的代码中使用它，现在我想用图表替换它。

Answer 1

您可以使用renderer在图表上绘制弧形方块。您还可以使用轴函数toPixels将值转换为像素。我有一个函数，它采用x和y值并绘制一个正方形。如果你把这些方块对接在一起就可以拥有你的区域。

var drawSquare = function(x1,x2,y1,y2,color) {
    x1 = chart.xAxis[0].toPixels(x1);
    x2 = chart.xAxis[0].toPixels(x2);
    y1 = chart.yAxis[0].toPixels(y1);
    y2 = chart.yAxis[0].toPixels(y2);

    var width = x2 - x1;
    var height = y1 - y2;  

    chart.renderer.rect(x1,y2,width, height, 0)
        .attr({
            fill: color,
            zIndex: 0
        })
        .add();
};

drawSquare(0,40,0,35,'rgba(129,184,222,.5)');
drawSquare(40,100,0,35,'rgba(255,223,134,.5)');
drawSquare(0,40,35,150,'rgba(130,215,169,.5)');
drawSquare(40,100,35,150,'rgba(183,153,206,.5)');

http://jsfiddle.net/Lh74L8vu/1/