Javascript Plottable.js折线图不显示

图表为黑色，如所附照片所示。这是一个chrome扩展。当我点击弹出窗口上的inspect时，plottable/d3元素被定义，这样看起来plottable对html可用

函数绘图图（）{
设xScale=new Plottable.Scales.Linear（），
yScale=新的绘图表.Scales.Linear（），
xAxis=新绘图仪.Axes.Numeric（xScale，“底部”），
yAxis=新绘图仪.Axes.Numeric（yScale，“左”），
plot:Plottable.Plots.Line=新的Plottable.Plots.Line（）；
plot.x（d=>d.x，xScale）；
plot.y（d=>d.y，yScale）；
让数据=[
{“x”：0，“y”：1}，
{“x”：1，“y”：2}，
{“x”：2，“y”：4}，
{“x”：3，“y”：8}
],
数据集：Plottable.dataset=新的Plottable.dataset（数据）；
plot.addDataset（数据集）；
let chart:Plottable.Components.Table=新建Plottable.Components.Table([
[yAxis，plot]，
[null，xAxis]
]);
chart.renderTo（“svg#VisitorChart”）；
}
$（文档）.ready（函数（）{
图纸（）；
});

Plottable.css文件似乎丢失

---

包含该文件可以解决此问题。

let chart:

语法无效。使用

let chart=

感谢4castle的评论，这是一个TypeScript功能，其中chart现在是强类型的。您验证了drawChart被调用了吗？我在扩展名fine中使用plottable（但不是在内容脚本中）。请提供更多详细信息，如您的

manifest.json

，以及您如何包含上述js。谢谢您的评论。我在绘图仪上找到了答案。我需要包含plottable.css文件

    function drawChart() {

    let xScale = new Plottable.Scales.Linear(),
        yScale = new Plottable.Scales.Linear(),
        xAxis = new Plottable.Axes.Numeric(xScale, "bottom"),
        yAxis = new Plottable.Axes.Numeric(yScale, "left"),
        plot: Plottable.Plots.Line<number> = new Plottable.Plots.Line();
    plot.x(d => d.x, xScale);
    plot.y(d => d.y, yScale);
    let data = [
        { "x": 0, "y": 1 },
        { "x": 1, "y": 2 },
        { "x": 2, "y": 4 },
        { "x": 3, "y": 8 }
    ],
        dataset: Plottable.Dataset = new Plottable.Dataset(data);
    plot.addDataset(dataset);

    let chart: Plottable.Components.Table = new Plottable.Components.Table([
        [yAxis, plot],
        [null, xAxis]
    ]);
    chart.renderTo("svg#VisitorChart");
}


$(document).ready(function() {
    drawChart();
});