Question

我想在图表上画一个边框。基本上它是一个矩形图表。所以我可以使用plotxsize，plotysize，plotleft，plottop将边框绘制为矩形。

chart.renderer.rect(
                chart.plotLeft,
                chart.plotTop,
                chart.plotSizeY,
                chart.plotSizeX,
                0).attr({
                'stroke-width' : 2,
                'stroke' : '#3fa9f5',
                'fill' : 'none'
            }).add();

但有没有办法删除那个矩形边框。

或者有没有办法动态更新plotborderwidth和plotbordercolor？

Answer 1

将渲染对象保持在变量中，允许通过show / hide选项显示/隐藏SVG对象。

实施例： - http://jsfiddle.net/n9tLuf92/

var r = chart.renderer,
        borderColor = '#346691',
        borderWidth = 2,
        top = chart.plotTop,
        width = chart.plotWidth,
        left = chart.plotLeft,
        height = chart.plotHeight,
        border;

    border = r.path(['M', left, top, 'L', left + width, top, 'L', left + width, top + height, 'L', left, top + height, 'Z'])
        .attr({
        'visible': true,
        'stroke': borderColor,
            'stroke-width': borderWidth
    })
        .add();

文档： - http://api.highcharts.com/highcharts#Renderer.path

通过attr()功能，您可以操纵参数。

示例：

border.attr({
   'stroke': 'green'
})

图表中的绘图矩形边框

1 个答案: