Flot x-axsis 未正确绘制,仅绘制了一个数据点
Flot x-axsis is not plotting correctly ,only one data point is plotted
$(function () {
var data = [[
[1456819200000,199.8],
[1456905600000,219.24],
[1456992000000,589.68],
[1457078400000,362.88],
[1457337600000,145.56],
[1457424000000,589.68],
[1457510400000,60.48],
[1457596800000,547.2],
[1457938800000,239.4],
var ticks = data[0].map(function (point) { return point[0]; });
$.plot($("#placeholder"), [data],{
xaxis: {
mode: "time",
ticks: ticks,
minTickSize: [1,"day"],
min: 1456819200000
max: 1459321200000
timeformat: "%d"
},
series: {
lines: {
show: true,
},
points: {
show: true
},
},
legend: {
show: false
},
yaxis: {
ticks: 5,
tickDecimals: 0,
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<div id="placeholder" style="width:600px;height:300px;"></div>
我正在关注 - http://jsfiddle.net/JMBucknall/eQ2eb/ fiddle
我在图表上只得到一个数据点
既然你提到我,我决定帮忙找bug。让我数一数:
将 jQuery 的脚本标记放在 flot.js
的脚本标记之前
在它们之后为 flot.time.js 添加一个脚本标签。
您声明了一个格式完全正确的数据源(一个数据系列数组,每个数据系列都是一个图表点数组,每个图表点都是一个包含 x 和 y 值的数组) 对于 $.plot()
,但您只是输入了一个名为 [contract]
的东西。应该是 $.plot("#placeholder", data, configuration);
我不知道 contract
来自哪里。
如前所述,您的代码有一些名为 edate
和 sdate
的对象,您可以从中调用一些函数。它们未在此代码中的任何位置定义。我用您的评论值替换了它们。
为了实际看到这张图表(您在默认的白色背景上声明为白色,我将配置对象的 colors
属性 从白色更改为变黑
除此之外我会写这样的东西来设置 ticks
数组:
var ticks = data[0].map(function (point) { return point[0]; });
$(function () {
var data = [[
[1456819200000,199.8],
[1456905600000,219.24],
[1456992000000,589.68],
[1457078400000,362.88],
[1457337600000,145.56],
[1457424000000,589.68],
[1457510400000,60.48],
[1457596800000,547.2],
[1457938800000,239.4],
var ticks = data[0].map(function (point) { return point[0]; });
$.plot($("#placeholder"), [data],{
xaxis: {
mode: "time",
ticks: ticks,
minTickSize: [1,"day"],
min: 1456819200000
max: 1459321200000
timeformat: "%d"
},
series: {
lines: {
show: true,
},
points: {
show: true
},
},
legend: {
show: false
},
yaxis: {
ticks: 5,
tickDecimals: 0,
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<div id="placeholder" style="width:600px;height:300px;"></div>
我正在关注 - http://jsfiddle.net/JMBucknall/eQ2eb/ fiddle
我在图表上只得到一个数据点
既然你提到我,我决定帮忙找bug。让我数一数:
将 jQuery 的脚本标记放在 flot.js
的脚本标记之前
在它们之后为 flot.time.js 添加一个脚本标签。
您声明了一个格式完全正确的数据源(一个数据系列数组,每个数据系列都是一个图表点数组,每个图表点都是一个包含 x 和 y 值的数组) 对于
$.plot()
,但您只是输入了一个名为[contract]
的东西。应该是$.plot("#placeholder", data, configuration);
我不知道contract
来自哪里。如前所述,您的代码有一些名为
edate
和sdate
的对象,您可以从中调用一些函数。它们未在此代码中的任何位置定义。我用您的评论值替换了它们。为了实际看到这张图表(您在默认的白色背景上声明为白色,我将配置对象的
colors
属性 从白色更改为变黑
除此之外我会写这样的东西来设置 ticks
数组:
var ticks = data[0].map(function (point) { return point[0]; });