Javascript 弗洛特不'；绘制条形图

我尝试了我的另外两个脚本（折线图和饼图），但flot没有绘制条形图。。。你能帮我解决这个问题吗？我想错误在javascript中

图书馆：

<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.pie.min.js"></script>
<script src="js/jquery.flot.stack.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>

下面是graficayear.php中的脚本：

<?php
include 'includes/configs.php';
$sql = $conn->prepare("SELECT DATE_FORMAT(start, '%M') AS mdate, SUM(honorario) AS total_mes 
FROM CITAS WHERE YEAR(current_date) GROUP BY mdate DESC");
    $sql->execute();
    while($row = $sql->fetch(PDO::FETCH_ASSOC)) {

    $datayear[] = array($row['mdate'],(int) $row['total_mes']);
}  
?>

---

您需要更仔细地阅读有关预期数据格式的文档。在这里，您指定了一个，但有。你必须选择一种或另一种方式

因此，给定json数据的格式，这里是实现所需的最短路径：

// given your data
var datayear = [["junio",390],["julio",125],["agosto",50]];

// split it into a data array and a ticks array
var data = [], ticks = [];  
for (var i = 0; i < datayear.length; i++) {
    data.push([i,datayear[i][1]]); // note that the x value is numeric
    ticks.push([i,datayear[i][0]]); // and that the x value is matched to a "category"
}

$.plot(
    $("#baryear"),
        [{
           data : data,
           color: '#012D4C',
           bars: { show: true, fillColor: '#4682b4', align: 'center' }
        }],
     {
         grid: { color: '#012D4C' },
         xaxis: {
             ticks: ticks
         }
     });

//给定您的数据
var数据年=[“junio”，390]，“julio”，125]，“agosto”，50]；
//将其拆分为数据数组和刻度数组
var数据=[]，ticks=[]；
对于（变量i=0；i

小提琴

产生：

您需要更仔细地阅读有关预期数据格式的文档。在这里，您指定了一个，但有。你必须选择一种或另一种方式

因此，给定json数据的格式，这里是实现所需的最短路径：

// given your data
var datayear = [["junio",390],["julio",125],["agosto",50]];

// split it into a data array and a ticks array
var data = [], ticks = [];  
for (var i = 0; i < datayear.length; i++) {
    data.push([i,datayear[i][1]]); // note that the x value is numeric
    ticks.push([i,datayear[i][0]]); // and that the x value is matched to a "category"
}

$.plot(
    $("#baryear"),
        [{
           data : data,
           color: '#012D4C',
           bars: { show: true, fillColor: '#4682b4', align: 'center' }
        }],
     {
         grid: { color: '#012D4C' },
         xaxis: {
             ticks: ticks
         }
     });

//给定您的数据
var数据年=[“junio”，390]，“julio”，125]，“agosto”，50]；
//将其拆分为数据数组和刻度数组
var数据=[]，ticks=[]；
对于（变量i=0；i

小提琴

产生：

您需要更仔细地阅读有关预期数据格式的文档。在这里，您指定了一个，但有。你必须选择一种或另一种方式

因此，给定json数据的格式，这里是实现所需的最短路径：

// given your data
var datayear = [["junio",390],["julio",125],["agosto",50]];

// split it into a data array and a ticks array
var data = [], ticks = [];  
for (var i = 0; i < datayear.length; i++) {
    data.push([i,datayear[i][1]]); // note that the x value is numeric
    ticks.push([i,datayear[i][0]]); // and that the x value is matched to a "category"
}

$.plot(
    $("#baryear"),
        [{
           data : data,
           color: '#012D4C',
           bars: { show: true, fillColor: '#4682b4', align: 'center' }
        }],
     {
         grid: { color: '#012D4C' },
         xaxis: {
             ticks: ticks
         }
     });

//给定您的数据
var数据年=[“junio”，390]，“julio”，125]，“agosto”，50]；
//将其拆分为数据数组和刻度数组
var数据=[]，ticks=[]；
对于（变量i=0；i

小提琴

产生：

您需要更仔细地阅读有关预期数据格式的文档。在这里，您指定了一个，但有。你必须选择一种或另一种方式

因此，给定json数据的格式，这里是实现所需的最短路径：

// given your data
var datayear = [["junio",390],["julio",125],["agosto",50]];

// split it into a data array and a ticks array
var data = [], ticks = [];  
for (var i = 0; i < datayear.length; i++) {
    data.push([i,datayear[i][1]]); // note that the x value is numeric
    ticks.push([i,datayear[i][0]]); // and that the x value is matched to a "category"
}

$.plot(
    $("#baryear"),
        [{
           data : data,
           color: '#012D4C',
           bars: { show: true, fillColor: '#4682b4', align: 'center' }
        }],
     {
         grid: { color: '#012D4C' },
         xaxis: {
             ticks: ticks
         }
     });

//给定您的数据
var数据年=[“junio”，390]，“julio”，125]，“agosto”，50]；
//将其拆分为数据数组和刻度数组
var数据=[]，ticks=[]；
对于（变量i=0；i

小提琴

产生：

我的朋友，你真了不起！你救了我两次！谢谢你的支持！。最后一个问题是，如果在一个页面中有两个条形图，其中一个是乳制品销售，并且该图表为空（例如，第一个月或第一天，并且没有销售），如何显示具有每月销售的年度条形图？如果它能在每个酒吧的顶部显示销售总额？致以最良好的祝愿@asterix_jv，我不确定我是否理解第一个问题。第二件事请看这里：还有一件事请看：你是我的好朋友！你救了我两次！谢谢你的支持！。最后一个问题是，如果在一个页面中有两个条形图，其中一个是乳制品销售，并且该图表为空（例如，第一个月或第一天，并且没有销售），如何显示具有每月销售的年度条形图？如果它能在每个酒吧的顶部显示销售总额？致以最良好的祝愿@asterix_jv，我不确定我是否理解第一个问题。第二件事请看这里：还有一件事请看：你是我的好朋友！你救了我两次！谢谢你的支持！。最后一个问题是，如果在一个页面中有两个条形图，其中一个是乳制品销售，并且该图表为空（例如，第一个月或第一天，并且没有销售），如何显示具有每月销售的年度条形图？如果它能在每个酒吧的顶部显示销售总额？致以最良好的祝愿@asterix_jv，我不确定我是否理解第一个问题。第二件事请看这里：还有一件事请看：你是我的好朋友！你救了我两次！谢谢你的支持！。最后一个问题是，如果在一个页面中有两个条形图，其中一个是乳制品销售，并且该图表为空（例如，第一个月或第一天，并且没有销售），如何显示具有每月销售的年度条形图？如果它能在每个酒吧的顶部显示销售总额？致以最良好的祝愿@asterix_jv，我是