Javascript 高图中的轴（Python/Flask）_Javascript_Highcharts_Axis

Javascript 高图中的轴（Python/Flask）

javascript highcharts

Javascript 高图中的轴（Python/Flask）,javascript,highcharts,axis,Javascript,Highcharts,Axis,我试图通过烧瓶渲染一个简单的海图，一切都很好，但它在y轴上显示x轴，反之亦然！我想要X轴上的月份和Y轴上的温度。这就是我得到的（见图）。有人知道我做错了什么吗？这是我的密码： app.py：这是我的graph.js： $(document).ready(function() { $(chart_id).highcharts({ chart: chart, title: title, xAxis: xAxis, yAxis

我试图通过烧瓶渲染一个简单的海图，一切都很好，但它在y轴上显示x轴，反之亦然！我想要X轴上的月份和Y轴上的温度。这就是我得到的（见图）。有人知道我做错了什么吗？这是我的密码： app.py：

这是我的graph.js：

$(document).ready(function() {
    $(chart_id).highcharts({
        chart: chart,
        title: title,
        xAxis: xAxis,
        yAxis: yAxis,
        series: series
    });
});

这是我的chart3.html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="">
        <meta charset="utf-8">
    </head>

    <body>
        <div id = {{ chartID|safe }} class="chart" style="height: 100px; width: 500px"></div>
        <script>
            var chart_id = {{ chartID|safe }}
            var series = {{ series|safe }}
            var title = {{ title|safe }}
            var xAxis = {{ xAxis|safe }}
            var yAxis = {{ yAxis|safe }}
            var chart = {{ chart|safe }}
        </script>
        <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
        crossorigin="anonymous"></script>
        <script src="https://code.highcharts.com/highcharts.js"></script>
        <script src="../static/js/graph.js"></script>
    </body>
</html>


var chart_id={{chartID|safe}
var系列={series | safe}
var title={{title | safe}}
var xAxis={{xAxis|safe}
var yAxis={{yAxis|safe}
变量图表={{chart | safe}}

我找到了答案。图表类型必须是

列

，而不是

条形

。对于每个正在为同一问题挣扎的人，以下是代码：

chart={“renderTo”：chartID，“type”：'column'，“height”：450}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="">
        <meta charset="utf-8">
    </head>

    <body>
        <div id = {{ chartID|safe }} class="chart" style="height: 100px; width: 500px"></div>
        <script>
            var chart_id = {{ chartID|safe }}
            var series = {{ series|safe }}
            var title = {{ title|safe }}
            var xAxis = {{ xAxis|safe }}
            var yAxis = {{ yAxis|safe }}
            var chart = {{ chart|safe }}
        </script>
        <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
        crossorigin="anonymous"></script>
        <script src="https://code.highcharts.com/highcharts.js"></script>
        <script src="../static/js/graph.js"></script>
    </body>
</html>