Highcharts在頂部缺少特定高度的標記

我在highcharts 4.0.4中看到了一些奇怪的行爲，其中最上面一行上的點缺少行標記，但僅在特定情況下。Highcharts在頂部缺少特定高度的標記

的highcharts配置陣列比較簡單，

config = { 
    chart: { 
     height: 250, 
    }, 
    title: { 
     text: '' 
    }, 
    yAxis: { 
     max: 100 
    }, 
    series: [{ 
     data: [null,null,null,93,100,100,100,36,93,100,null,100] 
    }] 
};

我的鏈接的三個圖表是幾乎完全一樣，只是他們的250高地，251，和249人。根據我使用的瀏覽器不同，有時在3個圖表中的某一個上會丟失100行的點，或者有時它們看起來都是正確的。

例如，當我在Ubuntu的Chrome 37.0.2062.120中查看它時，我只看到第一個圖的問題。在Firefox 27.0.1中，我只看到了第二個圖的問題。我有同事報告在某些瀏覽器中看到第三張圖的問題，並沒有在其他瀏覽器中看到這個問題。

我能做些什麼嗎？

來源

2015-02-09 user3190946

在減少圖表高度時，您只有很多像素需要使用。在使用Chrome時，我無法使標記消失，但在249 px圖表上看到線寬減少。取決於用戶屏幕分辨率和渲染引擎，別名可能更多/更少。

你爲什麼不挑選一個高度？

來源

2015-02-09 18:04:28 wergeld

也許我的帖子是誤導。問題不在於我的高度是可變的，問題在於似乎沒有可靠的方法來挑選一個高度，並讓圖形在所有瀏覽器中正確呈現。 – user3190946 2015-02-09 18:50:00

你將需要確定一個基礎瀏覽器來測試，然後增加你的測試池。 IE/Chrome/FF/Safari /等都有自己的小蠕動。 – wergeld 2015-02-09 18:51:16

osx上的Firefox/Safari/Chrome會正確顯示其中的每一個（相同的線寬，所有標記都可見）。我會盡量玩[形狀渲染]（https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering）。我非常肯定，Chrome在渲染1-2像素路徑方面存在漏洞。 – 2015-02-10 11:23:56

Highcharts在頂部缺少特定高度的標記

回答

相關問題