Как вызвать массив Python в Javascript и использовать его для сюжета

Question

Я хотел бы построить много диаграмм на своем веб-сайте, но мой массив, который я передаю HTML, содержит около 10-12 (или более) данных.

Это источник массива:

        dataTrace = chartData.AvgTorque(sql)
        global graphJSON
        graphJSON = []
        for i in range(len(dataTrace)):
            graphJSONCreated = json.dumps(dataTrace[i], cls=plotly.utils.PlotlyJSONEncoder)
            graphJSON.append(graphJSONCreated)
        return render_template('spc_chart.html', graphJSON=graphJSON)

Мой массив, который я передаю HTML, выглядит так:

graphJSON = [dataTrace1, dataTrace2, dataTrace3, ... ]

Я хотел бы написать код об этом , но Я не знаю, как использовать язык Javascript. :

<script type="text/javascript">
    var graphs1 = {{graphJSON[0] | safe}};
    var graphs2 = {{graphJSON[1] | safe}};
    var graphs3 = {{graphJSON[2] | safe}};
    var graphs4 = {{graphJSON[3] | safe}};
    var graphs5 = {{graphJSON[4] | safe}};
    var graphs6 = {{graphJSON[5] | safe}};
    var graphs7 = {{graphJSON[6] | safe}};
    var graphs8 = {{graphJSON[7] | safe}};
    var graphs9 = {{graphJSON[8] | safe}};
    var graphs10 = {{graphJSON[9] | safe}};
    var graphs11 = {{graphJSON[10] | safe}};
    var graphs12 = {{graphJSON[11] | safe}};

    Plotly.plot('chart1',graphs1,{});        
    Plotly.plot('chart2',graphs2,{});        
    Plotly.plot('chart3',graphs3,{});        
    Plotly.plot('chart4',graphs4,{});        
    Plotly.plot('chart5',graphs5,{});        
    Plotly.plot('chart6',graphs6,{});        
    Plotly.plot('chart7',graphs7,{});        
    Plotly.plot('chart8',graphs8,{});        
    Plotly.plot('chart9',graphs9,{});        
    Plotly.plot('chart10',graphs10,{});        
    Plotly.plot('chart11',graphs11,{});        
    Plotly.plot('chart12',graphs12,{}); 
 </script>

Примечание: я плохо владею английским языком, могу использовать неправильные слова или заклинание.

Answer 1

Перед использованием в Javascript попробуйте напечатать то же самое в некотором HTML-теге, чтобы проверить, передаются ли ваши значения в HTML.

например, {{graphJSON [0] | сейф}}

Если это успешно, то попробуйте использовать то же значение в двойных кавычках внутри javascript.

например, var graphs1 = "{{graphJSON [0] | safe}}";