在图表图中绘制趋势图标

时间:2014-05-01 15:07:32

标签: highcharts

有没有办法在图表图中绘制图标/图像/三角形?

就像那个图像一样,这个例子,检查绿色三角形(红色标记只是显示)。有没有办法在里面画出类似的内容?

我尝试使用这些传说,但很难为它添加新的传说。

由于

enter image description here

修改: 我尝试使用API​​,但是如果我调整页面大小,图表会调整大小并且图像保持不变,那根本就不好,我希望图像保留在图表的一侧。就像传说一样。

有没有人知道它的好方法?

2 个答案:

答案 0 :(得分:1)

这是API中容易找到的东西。

答案 1 :(得分:1)

使用labelsRenderer

最后添加以下代码:

, function (chart) {

    chart.renderer.text('▲', 0, 0)
        .attr({
            align: 'right',
            zIndex: 8
        })
        .css({
            color: '#73903B',
            fontSize: '48px'
        })
        .add()
        .align({
            align: 'right',
            x: -10,
            verticalAlign: 'bottom',
            y: -40
        });

});

DEMO http://jsfiddle.net/2PNCG/(调整大小时的固定位置,右下角/右下角)

参考:
http://code.highcharts.com/highcharts.src.jscredits部分)

其他可能的方法:

  • chart.plotWidth使用chart.plotLeftchart.plotHeightmarginRight
  • left
  • 中使用toplabels

相关问题:
Adding a line of words towards the bottom of chart(左下/左下)
How do you add text to the bottom center of legend and bottom center of chart under legend?(底部中心)
Highcharts - change font size of text on chart(固定位置)
Move images rendered on highcharts on resize(固定位置)