Как передать данные из фрейма данных в диаграмму. js с flask Jinja - PullRequest
Новая
       26

Как передать данные из фрейма данных в диаграмму. js с flask Jinja

0 голосов
/ 07 мая 2020

Я разрабатывал веб-сервис, который анализирует предложения и возвращает верхние 10.

Весь код работает должным образом и показывает данные. Я использую следующий код для передачи данных в HTML

def upload():
    if request.method == 'POST':
        df = pd.read_excel(request.files.get('file'))
        df.to_csv(index=False)
        counter = Counter(df['Short Description'])
        most_common = counter.most_common(10)
        lst = []
        for i in most_common:
            lst.append(i)
        df = pd.DataFrame(lst, columns=['Top Values','Search Count'])
        df.to_csv('Top_Values.csv', index=False)
        return render_template("upload.html", column_names=df.columns.values, row_data=list(df.values.tolist()),
                           link_column="Patient ID", zip=zip, labels=df['Top Values'], values=df['Search Count'], upload=True)
    else:
        return render_template('upload.html')

Теперь, чтобы показать данные на диаграмме. js Я использую следующий код: 

<script>
    var ctx = document.getElementById('myChart').getContext('2d');

    var value = [{% for item in values %}
    "{{item}}",
        {% endfor %}];

    var label = [{% for item in labels %}
    "{{item}}",
        {% endfor %}];

    var chart = new Chart(ctx, {
        // The type of chart we want to create
        type: 'bar',

        // The data for our dataset
        data: {
            labels: label,
            datasets: [{
                label: 'Top Values',
                backgroundColor: 'rgb(17, 146, 232)',
                borderColor: 'rgb(17, 146, 232)',
                data: value
            }]
        },

        // Configuration options go here
        options: {}
    });
</script>

на этом этапе код работает, как ожидалось, и я могу визуализировать данные в диаграмме, однако в моем коде Visual Studio показано 14 проблем, хотя код работает отлично, я новичок в диаграмме. js и я просто хочу лучше понять, как я могу улучшить свой код ( тот факт, что это работает, не означает, что не может быть лучше). Надеюсь, вы, ребята, поможете мне понять, что я делаю не так.

enter image description here

...