Question

我正在使用highstock API，我想在图表上绘制一些plotBands。我想知道在绘制时是否有任何方法可以为绘图带设置动画，就像在宽度改变时应用于html元素的CSS转换一样。我还想知道我是否可以为一个绘图带分配多个标签。我在jsfiddle中看到很多例子，其中一个情节带只有一个标签，但我想为每个情节带放置两个标签，以显示它的起点和终点。

提前致谢。

Answer 1

您可以在渲染对象上使用Renderer.rect并触发animate（）函数，而不是使用plotbands。结果，新的形状被动画化了。

    var yAxis = chart.yAxis[0],
        xAxis = chart.xAxis[0],
        start = 1,
        end = 2,
        x1 = xAxis.toPixels(start),
        x2 = xAxis.toPixels(end);

    var plotBand = chart.renderer.rect(x1, chart.plotTop, 0, chart.plotHeight)
        .attr({
            fill: 'yellow',
            zIndex: 0
        })
        .add();

        plotBand.animate({
            width: x2 - x1
        });

示例：

http://jsfiddle.net/qvt5mvdL/

我可以使用Highstock API为绘图带设置动画并为每个绘图带添加多个标签吗？

1 个答案: