我想引导一个Highcharts条形图，然后添加一些点（在Vue容器中）。文档中提到了addPoint()、setData()和update()作为实现这一点的方法，但我尝试的咒语都不起作用。更新后饼图的demo使setData()的使用变得很简单：第一个我尝试在Vue上下文中复制此操作，但图表从未更新第一个
addPoint()
setData()
update()
xwmevbvl1#
看起来调用Highlights.chart会立即查询DOM，因此在调用Vue的mounted回调之前调用Highlights.chart会失败，因为该元素还不存在。这样，或者它会被Vue的渲染覆盖。相反，您会希望在 * Vue挂载后调用该函数。作为奖励，这里有一个小演示（我玩得太开心了），它展示了库如何与Vue沿着使用。当相应的属性被更改时，它使用一个观察器来重新绘制图表。第一个
Highlights.chart
mounted
new9mtju2#
You can use highcharts-vue, which is a wrapper on the highcharts library. The following are the dependencies: "highcharts": "6.1.0", "highcharts-vue": "1.0.4", "vue": "^2.5.2" Demo - https://codesandbox.io/s/highcharts-vue-demo-forked-ewn4n
2条答案
按热度按时间xwmevbvl1#
看起来调用
Highlights.chart会立即查询DOM，因此在调用Vue的mounted回调之前调用Highlights.chart会失败，因为该元素还不存在。这样，或者它会被Vue的渲染覆盖。相反，您会希望在 * Vue挂载后调用该函数。作为奖励，这里有一个小演示（我玩得太开心了），它展示了库如何与Vue沿着使用。当相应的属性被更改时，它使用一个观察器来重新绘制图表。
第一个
new9mtju2#
You can use highcharts-vue, which is a wrapper on the highcharts library. The following are the dependencies: "highcharts": "6.1.0", "highcharts-vue": "1.0.4", "vue": "^2.5.2" Demo - https://codesandbox.io/s/highcharts-vue-demo-forked-ewn4n