Flot：堆積的折線圖錯誤 - 點重疊

Question

創建區域圖（堆疊+填充折線圖）時，點與填充顏色重疊。

我已經創建了一個例子來說明這個錯誤：http://jsfiddle.net/d3bpD/

FLOT圖表選項：

var options = { 
    series: { stack: true }, 
    lines: { 
     fill: 1, 
     show: true 
    }, 
    points: { show: true } 
}; 

可能是什麼這是一個可能的解決方法？

Answer 1

看起來像flot填充堆棧插件的錯誤。我能想到的唯一快速解決方案就是將數據複製爲兩組數據。第一個繪製的線條和填充，第二頂部只是點：

someData = [[1, 3], 
      [2, 16], 
      [3, 3], 
      [4, 3], 
      [5, 8], 
      [6, 12], 
      [7, 3]]; 

var dataset = [ 
    {color: "#edc240", data: someData, stack: 1, lines: {fill: 1, show: true}, points: {show: false}}, 
    {color: "#afd8f8", data: someData, stack: 1, lines: {fill: 1, show: true}, points: {show: false}}, 
    {color: "#cb4b4b", data: someData, stack: 1, lines: {fill: 1, show: true}, points: {show: false}}, 
    {color: "#4da74d", data: someData, stack: 1, lines: {fill: 1, show: true}, points: {show: false}}, 
    {color: "#edc240", data: someData, stack: 2, lines: {show: false}, points: {show: true}}, 
    {color: "#afd8f8", data: someData, stack: 2, lines: {show: false}, points: {show: true}}, 
    {color: "#cb4b4b", data: someData, stack: 2, lines: {show: false}, points: {show: true}}, 
    {color: "#4da74d", data: someData, stack: 2, lines: {show: false}, points: {show: true}} 
]; 

$.plot("#flot", dataset, {}); 

小提琴here。

產地：