им пытаются стилизовать свои ФЛОТ диаграммы, подобные этим:Создание стиля Flot график
это мой текущий график:
вот мой график код,
<?php
include('Includes/connect.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf8"/>
<title>Index</title>
<script src="Includes/jquery-1.8.3.js"></script>
<script src="Includes/jquery.flot.js"></script>
<script src="Includes/jquery.flot.time.js"></script>
</head>
<?php
// Main query to pull data from 'tests' table
$sql = "SELECT UNIX_TIMESTAMP(`date`)*1000 AS unixDate,`date`, `test1`, `test2`, `test3`, `test4`, `test5`, `test6`, `test7`, `test8`, `test9`, `test10`, `test11`, `test12`, `test13`, `test14` FROM `tests` WHERE member_id = '1' ORDER by `date` ASC";
$result = mysql_query($sql) or die ("no query");
// Dataset1
while($row = mysql_fetch_assoc($result)) {
$dataset1[] = array($row['unixDate'], sprintf("%.3f", $row['test1']));}
?>
<div id="chart1" style="width:700px;height:300px;"></div>
<script type="text/javascript">
//Chart1
var chart1Options = {
xaxis: {mode: "time", timeformat: "%Y-%m-%d"},
lines: { show: true, color: "#fff" },
points: { show: true },
grid: {
backgroundColor: { colors: ["#4ca8fa", "#2887da"] },
bordercolor: "#fff",
borderwidth: "60",
hoverable: true }
};
var dataset1 = { data: <?php echo json_encode($dataset1); ?>,};
$.plot($("#chart1"), [ dataset1 ], chart1Options);
</script>
</body>
</html>
может кто-нибудь мне помочь? аналогичные цвета, а также я не могу получить данные о зависании, отображающиеся либо
спасибо.
awesome. Большое спасибо. –
Можно ли ограничить тики на xaxis только данными, вытащенными из базы данных? кажется, добавляет тики (даты) между значениями, вытащенными по запросу? –
Чтобы разместить тики именно там, где вы хотите, вам нужно указать массив тиков (https://github.com/flot/flot/blob/master/API.md#customizing-the-axes), поскольку вы создайте второй массив, просто заполненный '$ row ['unixDate']'. – Mark