Question

我正在按照方法构建漏斗图，如下所示：http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/funnel/

然而，我遇到了一个问题：

highstock.js:395 Uncaught TypeError: Cannot read property 'options' of undefined

我通过构造函数制作图表如下：

<script>

new Highcharts.StockChart({"chart": {"type": "funnel", "renderTo": 
"currentUserBase"}, "series": [{"data": [["shadow", 3485], 
["requested_waitlist", 76], ["waitlisted", 469], ["invited", 68], ["waiting_for_account", 26], ["active", 428]], "name": "Value"}],
 "title": {"text": ""}, "legend": {"enabled": true}});

</script>

图表不会出现，我不明白为什么它不起作用。我已经尝试过编辑原始的jsfiddle，它也无法工作。另外，我使用highstock因为我需要时间序列图，并且我读到highstock也可以用于普通图。 / p>

任何人都有任何想法？ :)

Answer 1

修正了，这是一个愚蠢的错误，但如果它可以帮助其他人防止同样的错误，我不会删除这个问题，而是将其留在这里。

是的，Highstock可以渲染正常的高级图表。但不是叫

<!-- fabric js function to return coordinates-->
function getCoords(oCoords) {
  return {
    tl: new fabric.Point(oCoords.tl.x, oCoords.tl.y),
    tr: new fabric.Point(oCoords.tr.x, oCoords.tr.y),
    bl: new fabric.Point(oCoords.bl.x, oCoords.bl.y),
    br: new fabric.Point(oCoords.br.x, oCoords.br.y)
  }
}

<!--fabric js event handler-->
canvas.on('mouse:move', function(e){
  console.log('over1',e.target)
  if(e.target && e.target !== canvas.getActiveObject())
    canvas.setActiveObject(e.target)
  var thisCoords = getCoords(canvas.getActiveObject().oCoords);
 });

你打电话

new Highcharts.StockChart(...)

Highcharts漏斗图构造函数

1 个答案: