Python 在一页上显示多个图表js图_Python_Html_Csv_Chart.js

Python 在一页上显示多个图表js图

python html csv chart.js

Python 在一页上显示多个图表js图,python,html,csv,chart.js,Python,Html,Csv,Chart.js,我的代码应该从三张csv表中读出日期。接下来，我想在html文件中用chartjs显示读取值。但是，创建的html文件显示的是叠加的图表，而不是标题。有人能告诉我这个错误吗？谢谢你的帮助负责人： window.onload = function () { var chartGarage = new CanvasJS.Chart("chartContainerGarage", { axisX:{ valueFormatStr

我的代码应该从三张csv表中读出日期。接下来，我想在html文件中用chartjs显示读取值。但是，创建的html文件显示的是叠加的图表，而不是标题。有人能告诉我这个错误吗？谢谢你的帮助

负责人：

   window.onload = function () {
   var chartGarage = new CanvasJS.Chart("chartContainerGarage",
   {
        axisX:{      
            valueFormatString: "H:m" ,
            labelAngle: -50
        },
        axisY:{
            minimum: 40,
            maximum: 95
        },
        data:[
        {
            type: "line",
            dataPoints: [   
    ''') 

r = 0
for row in csvDataGarage:
    if r < 30:
        html.write('{ x: new Date('+ row[0] + '), y:' + row[2] + '},')
    r += 1

html.write('''
                        ]
        }
            ]
    });
    chartGarage.render();
    var chartWerkstatt = new CanvasJS.Chart("chartContainerWerkstatt",
   {
        axisX:{      
            valueFormatString: "H:m" ,
            labelAngle: -50
        },
        axisY:{
            minimum: 40,
            maximum: 95
        },
        data:[
        {
            type: "line",
            dataPoints: [   
    ''') 

r = 0
for row in csvDataWerkstatt:
    if r < 30:
        html.write('{ x: new Date('+ row[0] + '), y:' + row[2] + '},')
    r += 1

html.write('''
                        ]
        }
            ]
    });
    chartWerkstatt.render();
    var chartWaschhalle = new CanvasJS.Chart("chartContainerWaschhalle",
   {
        axisX:{      
            valueFormatString: "H:m" ,
            labelAngle: -50
        },
        axisY:{
            minimum: 40,
            maximum: 95
        },
        data:[
        {
            type: "line",
            dataPoints: [   
    ''') 

r = 0
for row in csvDataWaschhalle:
    if r < 30:
        html.write('{ x: new Date('+ row[0] + '), y:' + row[2] + '},')
    r += 1

html.write('''
                        ]
        }
            ]
    });
    chartWaschhalle.render();
    }
</script>

window.onload=函数（）{
var chartGarage=new CanvasJS.Chart（“chartContainerGarage”，
{
axisX:{
valueFormatString:“H:m”，
labelAngle:-50
},
axisY：{
最低限额：40，
最高：95
},
数据：[
{
键入：“行”，
数据点：[
''') 
r=0
对于csvDataGarage中的行：
如果r<30：
write（'{x:新日期（'+行[0]+'），y:'+行[2]+'}'））
r+=1
html.write（“”）
]
}
]
});
chartgage.render（）；
var chartWerkstatt=new CanvasJS.Chart（“chartContainerWerkstatt”，
{
axisX:{
valueFormatString:“H:m”，
labelAngle:-50
},
axisY：{
最低限额：40，
最高：95
},
数据：[
{
键入：“行”，
数据点：[
''') 
r=0
对于csvDataWerkstatt中的行：
如果r<30：
write（'{x:新日期（'+行[0]+'），y:'+行[2]+'}'））
r+=1
html.write（“”）
]
}
]
});
chartWerkstatt.render（）；
var chartWaschhalle=newcanvasjs.Chart（“ChartContainerWashCalle”，
{
axisX:{
valueFormatString:“H:m”，
labelAngle:-50
},
axisY：{
最低限额：40，
最高：95
},
数据：[
{
键入：“行”，
数据点：[
''') 
r=0
对于csvDataWaschhalle中的行：
如果r<30：
write（'{x:新日期（'+行[0]+'），y:'+行[2]+'}'））
r+=1
html.write（“”）
]
}
]
});
chartWaschhalle.render（）；
}

正文：


德国航空公司
车库
韦克施塔特
车库
林德弗利什赖森

泽奥斯加斯36020因斯布鲁克

info@rindfleisch.reisen

+43512585966
Gewerberechtliche Geschäftsführung:Franz Rindflesch

亨德尔斯特里奇·格什凯夫茨富隆：弗兰兹·林德弗利什

Firmenbuchnummer:141843

Firmenbuchgericht:Landesgericht因斯布鲁克

UID编号：ATU40307707

有人能告诉我该换什么吗

Chart.js使用HTML5

元素来包含图表-如line.html示例中所示：

<body>
<div style="width:75%;">
    <canvas id="canvas"></canvas>
</div>

<body>
<div style="width:75%;">
    <canvas id="canvas"></canvas>
</div>

    window.onload = function() {
    var ctx = document.getElementById("canvas").getContext("2d");
    window.myLine = new Chart(ctx, config);
};