“玩转这些数据!”我的plot.js图没有显示

"Play with this data!" not showing up for my plotly.js plot

本文关键字：js plot 显示 我的 玩转 数据      更新时间：2023-09-26

我假设"Play with this data!"链接是默认显示的。你知道为什么它不会出现吗?我只是在做一个基本的散点图。

请注意，下面的代码并不是独立的，它只是使情节起作用的摘录。

var xData = [];
var yData = [];
var h = results;
for(var k in h) {
    var localdate = k;
    var plotdate = moment(localdate).format('YYYY-MM-DD HH:mm:ss');
    xData.push(plotdate);
    if (currentPort === "t") {
        yData.push(CtoF(h[k]));
    } else {
        yData.push(h[k]);
    };
}
var plotdata = [
    {
        x: xData,
        y: yData,
        type: 'scatter',
        mode: 'markers+lines',
        line: {
            'color': HELIUM_BLUE
        },
        marker: {
            'symbol': 'circle',
            'color': HELIUM_PINK,
            'maxdisplayed': 50
        }
    }
];
var layout = {
    title: currentData,
    xaxis: {
        'title': 'Date / Time'
    },
    yaxis: {
        'title': title
    }
};
Plotly.newPlot(plotHolder, plotdata, layout);

您需要添加{showLink: true}作为第四个参数(在layout之后)。我猜默认值从true更改为false。如果你想改变按钮的标题，使用{showLink: true, "linkText": "Play with this data"} 

var xData = [1, 2, 3, 4, 5];
var yData = [10, 1, 25, 12, 9];
var plotdata = [
    {
        x: xData,
        y: yData,
        type: 'scatter',
        mode: 'markers+lines',
    }
];
var layout = {
    title: 'Edit me',
    xaxis: {
        'title': 'x'
    },
    yaxis: {
        'title': 'y'
    }
};
Plotly.newPlot(plotHolder, plotdata, layout, {showLink: true, "linkText": "Play with this data"});
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id='plotHolder'>
</div>

相关文章：