码迷,mamicode.com
首页 > 编程语言 > 详细

Python使用Flask框架,结合Highchart,搭配数据功能模块处理csv数据

时间:2019-02-25 18:39:07      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:java   color   function   pre   char   javascrip   one   script   unit   

参考链接:https://www.highcharts.com.cn/docs/data-modules

1.javascript代码

var csv = document.getElementById(‘csv‘).innerHTML;
// $.get(‘data.csv‘, function(csv) {
var chart = Highcharts.chart(‘container‘, {
    chart: {
        type: ‘column‘
    },
    data: {
        csv: csv       // 指定 CSV 数据
    },
    title: {
        text: ‘Fruit Consumption‘
    },
    yAxis: {
        title: {
            text: ‘Units‘
        }
    }
});

2.html代码

<!-- 图表容器 DOM -->
<div id="container"></div>
<pre id="csv">
    分类,苹果,梨,橙子,香蕉
    小明,8,4,6,5
    小红,3,4,2,3
    小张,8,7,7,7
    小芳,3,16,13,15
</pre>

3.css代码

#csv {
    display: none;
}

效果:

技术图片

Python使用Flask框架,结合Highchart,搭配数据功能模块处理csv数据

标签:java   color   function   pre   char   javascrip   one   script   unit   

原文地址:https://www.cnblogs.com/sanduzxcvbnm/p/10432175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!