मुझे एकाधिक (उप-) धुरी के साथ एक ही समस्या है, जहां अंतिम टिक कुछ स्थितियों (स्क्रीन चौड़ाई के आधार पर) में मेरे लंबवत धुरी को ओवरलैप करती है, इसलिए मैंने थोड़ा सा फ़ंक्शन लिखा है जो तुलना करता है अगले अक्ष की स्थिति के साथ पाठ लेबल के अंत की स्थिति। इस कोड को अपने उपयोग के मामले में बहुत विशिष्ट है, लेकिन अपनी आवश्यकताओं के लिए आसानी से अनुकूलित कर सकते हैं:
var $svg = $('#svg');
// get the last tick of each of my sub-axis
$('.tick-axis').find('.tick:last-of-type').each(function() {
// get position of the end of this text field
var endOfTextField = $(this).offset().left + $(this).find('text').width();
// get the next vertical axis
var $nextAxis = $('line[data-axis="' + $(this).closest('.tick-axis').attr('data-axis') + '"]');
// there is no axis on the very right, so just use the svg width
var positionOfAxis = ($nextAxis.length > 0) ? $nextAxis.offset().left : $svg.offset().left + $svg.width();
// hide the ugly ones!
if (endOfTextField > positionOfAxis) {
$(this).attr('class', 'tick hide');
}
});
color: aqua साथ टिक्स छिपा लोगों रहे हैं:
मैं एक बल लेआउट का उपयोग नहीं कर रहा हूँ। मेरे पास एक बार चार्ट है। –