从数据库加载flot图表

Question

我有条形图的这个代码，但我想加载mysql数据库的数据

/*
 * BAR CHART
 * ---------
 */

var bar_data = {
  data: [["20-30", 10], ["31-40", 8], ["41-50", 4], ["51-60", 13]],
  color: "#3c8dbc"
};
$.plot("#bar-chart", [bar_data], {
  grid: {
    borderWidth: 1,
    borderColor: "#f3f3f3",
    tickColor: "#f3f3f3"
  },
  series: {
    bars: {
      show: true,
      barWidth: 0.5,
      align: "center"
    }
  },
  xaxis: {
    mode: "categories",
    tickLength: 0
  }
});
/* END BAR CHART */

Answer 1

使用json_encode在一些<script>标记之间输出PHP数组作为一种解决方案有一些hacky方法。

更好的解决方案通常是使用AJAX以JSON的形式请求数据并从中初始化图形。这样，您就不会在javascript之外创建全局javascript数据变量。