如何使用pychartjs在HTML中创建图表

2024-09-20 22:53:54 发布

您现在位置：Python中文网/ 问答频道 /正文
4455 3

我对web开发是新手，我想在HTML页面上创建一个图表。在我的搜索中，我找到了https://github.com/IridiumIO/pyChart.js存储库，在那里我可以用python创建图表。我按照自述文件中的说明操作，但我遗漏了一些东西。任何线索都可以帮我。我不知道我哪里做错了。请注意，我不是web开发人员：

  1. 安装pycharm并创建python项目

  2. 使用pip安装pyChartjs

  3. 使用以下脚本创建了home.html文件：

    <html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
</head>
<body>
<canvas id="myChart"></canvas>

<script>
var data = {{ chartJSON | safe }}
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, data);
</script>

</body>
</html>

  4. 使用以下脚本创建了python文件plot.py：


class MyBarGraph(BaseChart):

    type = ChartType.Bar

    class data:
        label = "Numbers"
        data = [12, 19, 3, 17, 10]
        backgroundColor = Color.Green


def homepage(request):
    NewChart = MyBarGraph()
    NewChart.data.label = "My Favourite Numbers"  # can change data after creation

    ChartJSON = NewChart.get()

    return render(request=request,
                  template_name='home.html',
                  context={"chartJSON": ChartJSON})

Tags： https脚本comwebhomedatarequestvar
0条回答

目前没有回答

相关问题 更多 >

    编程相关推荐

    热门问题