小编aza*_*own的帖子

带有JSON数据的动态图表-CanvasJS

我在使用CanvasJS生成图表时遇到问题

基本上我是从API获取数据的,我可以查看并检查JSON数组,但是当我为图表生成dataPoint时,我会遇到2个错误:数据字段上的数据无效和值字段上的NaN。

有人可以给我提示吗?

// Fetching the data
fetch('https://appbe-dev.clearvuesystems.co.uk/demandForecast/getLiveLineDataEverySecRestApi').then(response => {
  return response.json();
}).then(data => {
  // Work with JSON data here
 var jsonData = data;
 // Generating Data Points
 var dataPoints = [];

for (var i = 0; i <= jsonData.length - 1; i++) {
    dataPoints.push({ y: new Date(jsonData[i].source_ts), x: Number(jsonData[i].renewablesobligationconsumption) });
    console.log(dataPoints);
}

var chart = new CanvasJS.Chart("chartContainer", {
    data: [
        {
            dataPoints: dataPoints,
            type: "line",
        }
    ]
});

chart.render();
}).catch(err => {
 throw new …
Run Code Online (Sandbox Code Playgroud)

javascript charts json canvasjs

5
推荐指数
1
解决办法
471
查看次数

Vuetify - 如何制作粘性元素?

我是 Vuetify 的新手(有史以来的第一个项目),我正在尝试在列粘性顶部内设置一张卡片。不幸的是没有按预期工作。我还尝试使用 vue-sticky-directive 中的 v-scroll 指令,结果仍然相同。

这是简化的片段:

<v-row>
   <v-col class="sticky-container">
     <v-card class="sticky-card">This should be sticky top 90px</v-card>
   </v-col>
   <v-col>
     content
   </v-col>
</v-row>

.sticky-container{
  overflow-y: auto;
}

.sticky-card{
  position: sticky;
  top:90px;
  align-self: start;
}
Run Code Online (Sandbox Code Playgroud)

我知道我可以使用position:fixed 获得类似的结果,但行为不同,最终结果不是我想要的结果。

有人已经遇到过这个问题并有一些见解可以与我分享吗?

vuetify.js

5
推荐指数
1
解决办法
7814
查看次数

标签 统计

canvasjs ×1

charts ×1

javascript ×1

json ×1

vuetify.js ×1