Zing在邊界的散點圖節點被切掉

我在我的應用程序中使用zing圖表與散點圖&折線圖，一切工作正常，但唯一的問題是散點圖節點圓被切斷時，它是在極端圖表。Zing在邊界的散點圖節點被切掉

嘗試增加利潤率，設置偏移量，Z指數和沒有爲我工作到現在，任何解決方案表示讚賞。

問候， Smruti

2015-08-21 Smruti Ranjan Sahoo

在這個時候寫的，我能想到的唯一的辦法就是你的規模-x和規模，y值手動基於關閉要插入的圖表的值進行調整。在渲染圖表之前預先處理數據以確定最大值的函數可能是最好的。在下面的例子中，我創建了2個圖表。一個具有設定值但不能補償切斷邊緣的標記，另一個具有助手功能以將最大y值增加10％。

然而！未發佈的屬性將在下一個發佈版本中發佈，我們將在接下來的一週或兩週內發佈。它公開了一個稱爲掩模容差的屬性，該屬性將允許標記流出陰謀區域。請留意，因爲這是最佳解決方案。 - 我在ZingChart團隊;讓我知道你是否還有其他問題。

var myConfig = { 
 
    \t type: "scatter", 
 
    \t plot : { 
 
    \t marker : { 
 
    \t  size : 10 
 
    \t } 
 
    \t }, 
 
\t series : [ 
 
\t \t { 
 
\t \t \t values : [35,42,67,89,25,100,67,100] 
 
\t \t } 
 
\t ], 
 
\t plotarea :{ 
 
\t padding : "10px" 
 
\t }, 
 
\t scaleY : { 
 
\t values : "0:90:10" 
 
\t } 
 
}; 
 

 
zingchart.render({ 
 
\t id : 'myChart', 
 
\t data : myConfig, 
 
\t height: 200, 
 
\t width: 300 
 
}); 
 

 

 
function preProcessData(){ 
 
    var myValues = [35,42,67,89,25,100,67,100]; 
 
    var maxVal = Math.max.apply(null,myValues); 
 
    var maxScale = maxVal + Math.floor(maxVal * 0.10); 
 
    return { 
 
    \t type: "scatter", 
 
    \t plot : { 
 
    \t marker : { 
 
    \t  size : 10 
 
    \t } 
 
    \t }, 
 
    \t series : [ 
 
    \t \t { 
 
    \t \t \t values : myValues 
 
    \t \t } 
 
    \t ], 
 
    \t plotarea :{ 
 
    \t padding : "10px" 
 
    \t }, 
 
    \t scaleY : { 
 
    \t values : "0:"+maxScale+":10" 
 
    \t } 
 
    }; 
 
} 
 

 
zingchart.render({ 
 
\t id : 'myChart2', 
 
\t data : preProcessData(), 
 
\t height: 200, 
 
\t width: 300 
 
});

<html> 
 
\t <head> 
 
\t \t <script src= 'https://cdn.zingchart.com/zingchart.min.js'></script> 
 
\t </head> 
 
\t <body> 
 
\t \t <div id='myChart'></div> 
 
\t \t <div id="myChart2"></div> 
 
\t </body> 
 
</html>

來源

2015-08-22 03:07:42

Zing在邊界的散點圖節點被切掉

回答

相關問題