来自psd的样式Highchart折线图

Question

我找到了干净简洁的折线图psd

我想用Highchart库创建。

这是我此时创建的http://jsfiddle.net/pFCgz/1/

但我不知道如何创建像psd那样的斗牛标记。

任何帮助？

Answer 1

请参阅此jsFiddle。

我将颜色匹配和字体大小留给您。一般的想法是使用找到的信息here，如下所示：

tooltip: {
        formatter: function() {
            return '<b>' + this.x + '</b><br/>' + this.y + ' €';
        },
        backgroundColor: 'Grey',
        borderWidth: 1,
        borderColor: '#AAA',
        style: {
            fontWeight: 'bold',
            color: 'White'

        }
    }

修改 所以看起来只有少数预先制作的点标记符号。见here。当然，你可以创建自己的。或者，您可以编辑这些现有符号以实现您想要的效果。见here！