小编Max*_*Max的帖子

Chartjs实时图形x轴移动

我想用 Chartjs 显示一个图表,它显示实时数据并沿着 x 轴缓慢滚动,我在这里用 js fiddle 尝试过,它只是疯狂地上下跳跃: https: //jsfiddle.net/rsnufpq7/

如果没有此动画,图表应该移动到左侧,旧点不在视图中,如第二个示例所示: https: //bost.ocks.org/mike/path/

var canvas = document.getElementById('myChart');
var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [
        {
            label: "My First dataset",
            fill: false,
            lineTension: 0.0,
            backgroundColor: "rgba(75,192,192,0.4)",
            borderColor: "rgba(75,192,192,1)",
            borderCapStyle: 'butt',
            borderDash: [],
            borderDashOffset: 0.0,
            borderJoinStyle: 'miter',
            pointBorderColor: "rgba(75,192,192,1)",
            pointBackgroundColor: "#fff",
            pointBorderWidth: 1,
            pointHoverRadius: 5,
            pointHoverBackgroundColor: "rgba(75,192,192,1)",
            pointHoverBorderColor: "rgba(220,220,220,1)",
            pointHoverBorderWidth: 2,
            pointRadius: 5,
            pointHitRadius: 10,
            data: [65, 59, 80, 0, 56, 55, 40],
        }
    ] …
Run Code Online (Sandbox Code Playgroud)

javascript charts graph chart.js

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

标签 统计

chart.js ×1

charts ×1

graph ×1

javascript ×1