花纹图(数组3值)

Question

我想知道是否可以用Flot图表来做，因为我不确定.

我在数据库上有一个3行的表：日期开始，日期结束，药物治疗

Mi PHP代码：

$sql = "SELECT * FROM medications ORDER BY DateStart";
$stmt = $PDO -> query($sql);
$result=$stmt -> fetchAll(PDO::FETCH_ASSOC);

foreach ($result as $row){
$dateini= $row['DateStart'];
$datend= $row['DateEnd'];   
$medic= $row['Medication'];

$data1 = array(strtotime($dateini)*1000,$medic);
$data2 = array(strtotime($datend)*1000,$medic);

$data3[] = array($data1,$data2);

}

如果我这样做了：

echo json_encode($data3);

我得到了数组：[[1456531200000，"12",1456704000000，"12"]，[1456531200000，"16",1456704000000，“16”，[1456617600000，"13",1456790400000，"13"]，[1456704000000，"14",1457049600000，“14”]

<script>
var data3 = <?php echo json_encode($data3)?>;

$(function() {
var datasets = [
{
    label: "Medication",
    data: data3,
    yaxis: 1,
    color: "Yellow",
    points: { symbol: "diamond",  fillColor: "Yellow",show: true, radius: 6}

}
];

 $.plot($("#flot-placeholder"), datasets ,options); 
</script>

这：$.plot($(“#flot-占位符”)、数据集、选项)不会绘制任何内容，但是如果我这样做了：

$.plot($("#flot-placeholder"), data3,options);  

我得到了

​

是否可以获得图形写入数据集(在$.plot中)而不是data3？

Answer 1

datasets数组有两个问题：

1. 您的data3数组有多个数据系列，但您尝试将其全部放入datasets数组中的一个数据集对象中。将每个数据系列放在一个单独的对象中(在必要时有它自己的选项)。 var数据集= [{标签：“药物”，数据: data3，yaxis: 1，颜色：“黄色”，点：{符号:钻石，fillColor：“黄色”，显示:真，半径:6 }，{标签：“药物”，数据: data31，yaxis: 1，颜色：“红色”，点：{符号:钻石，点：{符号:钻石，fillColor："red"，显示: true，radius: 6 }，.]
2. Flot没有内置diamond符号，您必须提供一个绘制菱形的函数. 函数菱形(ctx，x，y，半径，阴影){ var size = radius * Math.sqrt(Math.PI) / 2；ctx.moveTo(x - size，y)；ctx.lineTo(x，y+ size)；ctx.lineTo(x + size，y)；ctx.lineTo(x，y- size)；ctx.lineTo(x - size，y)；

有关完整的工作示例，请参阅此小提琴。

​

​