2016-01-22 59 views
0

我想创建同样的图是1D可能的旗帜?

enter image description here

(线的形状,颜色,标志形状并不重要)。

每个标志代表一个x值,并且x轴边界是固定的。这与highchart demo(沿着x轴的圆形和矩形标志)非常相似,但看起来标志被添加(通过options.series.push)到现有数据。然而

documentation提到

Used alone flag series will make no sense.

基于演示中,我试图通过强制类型flags创建simple example但它不会使

$('#container').highcharts({ 
    series: [{ 
    type: 'flags', 
    data: [{ 
     x: 10, 
     title: 'hello', 
     text: 'say hello' 
    }, { 
     x: 20, 
     title: 'world', 
     text: 'say world' 
    }, { 
     x: 50, 
     title: 'bonjour', 
     text: 'say bonjour' 
    }], 
    shape: 'circlepin', 
    width: 16 
    }] 
}); 

有直达如何创建这样的1D旗图?

回答

2

如果您检查控制台中的错误,你可以看到你收到此错误:

Uncaught TypeError: $(...).highcharts is not a function

我包你的highcharts Builder代码在function标签,它现在加载罚款。看到这个住demo

+1

谢谢 - 我很确定它不起作用,我错过了(明显的)检查。 – WoJ

+0

@WoJ,还要注意,即使它没有记录在API中,你也可以设置'y'位置。一种哈克,但需要时才起作用。当然还有其他方法可以做到这一点(带有dataLabels的无形条/线/散点)。 – wergeld

+0

你对垂直位置的评论非常相关 - 当一切都在水平线上对齐时,我会很快遇到重叠的标签。我最终可能会生成'y'值来上下分散标签,从而使结果更具可读性(如果可以直接使用,这会很棒)。再次感谢。 – WoJ