Vue-Apollo - can't access result of query - vue.js

Question

i can't access the result object of my apollo query. I want to use the result to show it in a plot.ly graph.
const apolloClient = new Apollo.lib.ApolloClient({
networkInterface: Apollo.lib.createNetworkInterface({
uri: '{% url 'graphql' %}',
transportBatching: true,
}),
connectToDevTools: true,
})
const apolloProvider = new VueApollo.ApolloProvider({
defaultClient: apolloClient,
})
const VALUE_QUERY = Apollo.gql`
query {
allSensordata {
id
value
}
}
`
This is just the Vue Component for using with plot.ly.
//VueJS Component
Vue.component("reactive-chart", {
props: ["chart"],
template: '<div :ref="chart.uuid" style="width:600px;height:250px;"></div>',
mounted() {
Plotly.plot(this.$refs[this.chart.uuid], this.chart.traces, this.chart.layout);
},
watch: {
chart: {
handler: function() {
Plotly.react(
this.$refs[this.chart.uuid],
this.chart.traces,
this.chart.layout
);
},
deep: true
}
}
});
Here is the Vue Main Code where i want to bring the apollo graphql result to the graph.
//VueJS Main App
var app = new Vue({
delimiters: ['[[', ']]'],
el: "#app",
// Apollo GraphQL
apolloProvider,
apollo: {
allSensordata: {
query: VALUE_QUERY,
loadingKey:'loading',
},
},
data() {
return {
loading: 0,
chart: {
uuid: "123",
traces: [
{
y: [1,2,3,4,3,2,1], //Here should be: this.allSensordata.value
line: {
color: "#5e9e7e",
width: 4,
shape: "line"
}
}
],
layout: {}
}
};
},
});
I think i didn't get the object structure of the Apollo-module. Thanks for your help!