在 Sparklines 中解析动态数据

Question

我想解析迷你图中的动态数据。
我的代码：

$(".daily-visitors").sparkline([1,5,5.5,5.4,5.8,6,8,9,13,12,10,11.5,9,8,5,8,9], {
  type: 'line',
  width: '100%',
  height: '55',
  lineColor: '#ff4e50',
  fillColor: '#ffd2d3',
  lineWidth: 2,
  spotColor: '#a9282a',
  minSpotColor: '#a9282a',
  maxSpotColor: '#a9282a',
  highlightSpotColor: '#a9282a',
  highlightLineColor: '#f4c3c4',
  spotRadius: 2,
  drawNormalOnTop: true
 });

我想要使用 PHP 从 MYSQL 获取动态数据。

Answer 1

我建议一个新的 php 文件，您可以在其中使用 POST 请求获取 JSON 数据。 示例查询：

$query = mysql_query("SELECT daily_visitors FROM stats ORDER BY when DESC LIMIT 30");

然后你准备它以显示迷你图。获取数组后，您可以执行以下操作并以 JSON 格式返回数据：

echo json_encode($data);

相当于这样的：

[1,5,5.5,5.4,5.8,6,8,9,13,12,10,11.5,9,8,5,8,9] 

然后您可以从您的网站 POST 请求此数据：

$.post("url to your php file", { examplePostArgument:"test" }, function(data){
$(".daily-visitors").sparkline(data, {
    type: 'line',
    width: '100%',
    height: '55',
    lineColor: '#ff4e50',
    fillColor: '#ffd2d3',
    lineWidth: 2,
    spotColor: '#a9282a',
    minSpotColor: '#a9282a',
    maxSpotColor: '#a9282a',
    highlightSpotColor: '#a9282a',
    highlightLineColor: '#f4c3c4',
    spotRadius: 2,
    drawNormalOnTop: true
 });
});

这个 examplePostArgument 可以使用这个超全局数组在你的 PHP 文件中访问：

$_POST["examplePostArgument"];