我正在使用 flot 库绘制图表。这是我的代码:
function LoadService2() {
$.getJSON('http://localhost:4025/vmp_webservice.asmx/LoadService2',
{ fromDate: "2014-01-01", toDate: "2014-04-01" })
.done(function (result) {
var data = $.map(result, function (arr, key) {
return { label: key, data: arr };
});
chartOptions = {
xaxis: {
min: (new Date(2014, 01, 1)).getTime(),
max: (new Date(2014, 04, 2)).getTime(),
mode: "time",
tickSize: [1, "month"],
monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
tickLength: 0
},
yaxis: {
},
series: {
stack: true,
lines: {
show: true,
fill: true,
lineWidth: 3
},
points: {
show: false,
radius: 4.5,
fill: true,
fillColor: "#ffffff",
lineWidth: 2.75
}
},
grid: {
hoverable: true,
clickable: false,
borderWidth: 0
},
legend: {
show: true
},
tooltip: true,
tooltipOpts: {
content: '%s: %y'
},
colors: App.chartColors
};
var holder = $('#stacked-area-chart');
if (holder.length) {
$.plot(holder, data, chartOptions);
}
})
}
这是输入数据:
{
"default": [
[
1390608000000.0,
0.0
],
[
1390780800000.0,
0.0
],
[
1391040000000.0,
0.0
],
[
1391558400000.0,
0.0
],
[
1392249600000.0,
0.0
],
[
1392595200000.0,
0.0
],
[
1392681600000.0,
0.0
],
[
1392854400000.0,
0.0
],
[
1393286400000.0,
0.0
],
[
1393891200000.0,
0.0
],
[
1394064000000.0,
0.0
],
[
1394236800000.0,
0.0
],
[
1394323200000.0,
0.0
],
[
1394841600000.0,
0.0
],
[
1394928000000.0,
0.0
],
[
1395014400000.0,
0.0
],
[
1395100800000.0,
0.0
],
[
1395273600000.0,
0.0
],
[
1395446400000.0,
0.0
],
[
1395619200000.0,
0.0
],
[
1395705600000.0,
0.0
],
[
1395878400000.0,
0.0
],
[
1396137600000.0,
0.0
]
],
"direct": [
[
1390608000000.0,
0.0
],
[
1390780800000.0,
0.0
],
[
1391040000000.0,
0.0
],
[
1391558400000.0,
0.0
],
[
1392249600000.0,
0.0
],
[
1392595200000.0,
0.0
],
[
1392681600000.0,
0.0
],
[
1392854400000.0,
0.0
],
[
1393286400000.0,
100.0
],
[
1393891200000.0,
0.0
],
[
1394064000000.0,
0.0
],
[
1394236800000.0,
0.0
],
[
1394323200000.0,
0.0
],
[
1394841600000.0,
0.0
],
[
1394928000000.0,
0.0
],
[
1395014400000.0,
0.0
],
[
1395100800000.0,
0.0
],
[
1395273600000.0,
0.0
],
[
1395446400000.0,
0.0
],
[
1395619200000.0,
0.0
],
[
1395705600000.0,
0.0
],
[
1395878400000.0,
0.0
],
[
1396137600000.0,
0.0
]
],
"Sales": [
[
1390608000000.0,
100.0
],
[
1390780800000.0,
100.0
],
[
1391040000000.0,
100.0
],
[
1391558400000.0,
100.0
],
[
1392249600000.0,
100.0
],
[
1392595200000.0,
0.0
],
[
1392681600000.0,
75.0
],
[
1392854400000.0,
100.0
],
[
1393286400000.0,
100.0
],
[
1393891200000.0,
100.0
],
[
1394064000000.0,
0.0
],
[
1394236800000.0,
100.0
],
[
1394323200000.0,
0.0
],
[
1394841600000.0,
100.0
],
[
1394928000000.0,
66.666666
],
[
1395014400000.0,
0.0
],
[
1395100800000.0,
100.0
],
[
1395273600000.0,
0.0
],
[
1395446400000.0,
0.0
],
[
1395619200000.0,
0.0
],
[
1395705600000.0,
0.0
],
[
1395878400000.0,
100.0
],
[
1396137600000.0,
100.0
]
]
}
我得到了这个结果:
有200%的值虽然输入没有这个值
比较奇怪
当我将鼠标悬停在该点的图表上时，图表告诉我该值为 100%，尽管它绘制为 200%。
请帮忙
当我删除黄色条的日期时，图表变得正确
请问如何解决？
最佳答案
你正在堆叠你的图表
...
series: {
stack: true,
...
尝试将堆栈设置为 false:
...
series: {
stack: false,
...
这有点难说，因为 flot 关于他们的选项的文档并不完美，但这可能会有所帮助。
关于javascript - jquery flot 在 200% 中绘制点以为它说值是 100%，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23181653/