Javascript 图表js,画布为空聚合物项目
我在一个聚合物项目上工作,仍然在想办法。我正在尝试使用chart js,尝试了多种方法,并在网上查询了其他问题,但没有任何帮助,因此我不得不寻求一些建议,或者我可以在哪里解决我的问题 这是我正在处理的一个聚合物项目,我正在处理的html文件具有以下结构:Javascript 图表js,画布为空聚合物项目,javascript,canvas,polymer,chart.js,Javascript,Canvas,Polymer,Chart.js,我在一个聚合物项目上工作,仍然在想办法。我正在尝试使用chart js,尝试了多种方法,并在网上查询了其他问题,但没有任何帮助,因此我不得不寻求一些建议,或者我可以在哪里解决我的问题 这是我正在处理的一个聚合物项目,我正在处理的html文件具有以下结构: <link rel="import" href="../bower_components/iron-list/iron-list.html"> <script src="https://cdnjs.cloudflare.com
<link rel="import" href="../bower_components/iron-list/iron-list.html">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
<dom-module id="sensors-app">
<template>
<style>
</style>
<div>
<canvas id="chart"></canvas>
</div>
<app-header-layout fullbleed>
</app-header>
<iron-list onload="myFunction()" id="list" items="[[sensorDataModel]]" as="item" scroll-target="document">
<template>
<div>
</div>
</template>
</iron-list>
</app-header-layout>
</template>
<script>
var ctx = document.getElementById("chart").getContext("2d");
class SensorsApp extends Polymer.Element {
static get is() { return 'sensors-app'; }
static get properties() {
return {
sensorDataModel: {
type: Array,
value: [],
}
};
}
// rest of the code
}
window.customElements.define(SensorsApp.is, SensorsApp);
</script>
</dom-module>
您可以在polymer类的ready方法中获取元素,这样在调用ready时,元素将被定义,并且不会为null。您可以使用下面的代码
class SensorsApp extends Polymer.Element {
ready(){
super.ready();
var ctx = this.shadowRoot.querySelector("#chart").getContext("2d");
}
}
哦,我的上帝,非常感谢你!!!!成功了!!!!谢谢你帮助一个压力很大的学生
class SensorsApp extends Polymer.Element {
ready(){
super.ready();
var ctx = this.shadowRoot.querySelector("#chart").getContext("2d");
}
}