Я использую диаграмму zing в своем приложении с разбросом & Линейная диаграмма, все работает нормально, но единственная проблема заключается в том, что окружность узла диаграммы рассеяния отрубается, когда она находится на крайнем конце диаграмма.Узел диаграммы разметки Zing на границе получает отрубленный
Пробовал увеличивать запас, устанавливать смещение, индекс z и ничего не работал для меня до сих пор, любое решение оценивается.
С уважением, Smruti
В это время написания, единственный способ, которым я могу думать о том, чтобы настроить ваше масштабно-х и масштабно у значения вручную основано от значений, которые вы вставляете в таблицу. Возможно, лучше всего использовать функцию предварительной обработки данных для определения максимального значения перед рендерингом диаграммы. В приведенном ниже примере я создаю 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>