jquery flot在200%中绘制点数，尽管它表示值为100%

Question

我正在使用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%。

请帮帮忙

当我删除黄色条的日期时，图表就正确了

请问如何解决这个问题？

Answer 1

你在堆叠你的图表

...
series: {
    stack: true,
...

尝试将stack设置为false：

...
series: {
    stack: false,
...

这有点难说，因为来自flot的关于他们的选项的文档并不完美，但这可能会有所帮助。