可能是1D旗图吗?

时间:2016-01-22 15:37:43

标签: highcharts

我想创建一个类似于

的图表

enter image description here

(线条形状,颜色,旗形并不重要)。

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

然而documentation提及

  

单独使用旗帜系列是没有意义的。

根据演示,我尝试通过强制将类型设置为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旗帜图表?

1 个答案:

答案 0 :(得分:2)

如果您检查控制台是否有错误,则可以看到您收到此错误:

  

未捕获的TypeError:$(...)。highcharts不是函数

我将highcharts构建器代码包装在function标记中,现在加载正常。直播demo