2014-07-15 15 views
5

मेरे पास लंबे लेबल नामों वाला एक केंडो यूआई (टेलीरिक) बार चार्ट है। जब मैं 0,180,90,360 के बाहर लेबल रोटेशन सेट करता हूं तो लेबल स्लंट होते हैं लेकिन टेक्स्ट की शुरुआत के बजाय वे टेक्स्ट के केंद्र को स्लंट पॉइंट के रूप में उपयोग करते हैं। इससे सभी लेबल पूर्ण बार से बंद हो जाते हैं।केंडो यूआई बार चार्ट लेबल रोटेशन

http://snag.gy/m2XxJ.jpg

वहाँ एक रास्ता केंद्र के बजाय रोटेशन बिंदु के रूप में लेबल के शुरू होने से उपयोग करने के लिए चार्ट प्राप्त करने के लिए है?

उत्तर

8

रोटेशन का उपयोग करते समय लेबल को ठीक से लाइन करने के लिए एकमात्र तरीका है, पैडिंग भी सेट करना है।

नमूना categoryAxis

categoryAxis: { field: 'name', labels: { rotation: -60, padding: { right: 10 }}} 

Telerik से http://jsbin.com/zoloc/1/edit

केंडो प्रलेखन http://docs.telerik.com/kendo-ui/api/dataviz/chart#configuration-categoryAxis.labels.padding

+0

आपका JSbin उदाहरण अभी भी एक ही समस्या है, लेबल वास्तव में ठीक से लाइन नहीं हैं, वे सभी शुरू होने के बजाय केंद्र पर घुमाए गए हैं। ग्राफ को पढ़ने में वाकई मुश्किल है –

0

रिस्पांस JSbin नमूना:

आप एक वैध बिंदु है। उदाहरण के लिए एक्सेल अपने बाएं किनारे के चारों ओर पाठ घुमाता है। हम इस मुद्दे को देखेंगे, लेकिन इस पल के लिए मैं केवल आने वाली क्यू 2 रिलीज में बहु-लाइन विकल्प का सुझाव दे सकता हूं।

आप एक नया ऑनलाइन चरित्र का उपयोग करके लेबल विभाजित करने के लिए सक्षम हो जाएगा: विभाग: [ "जे आर Simplot \ nCOMPANY", ...]

3

आप दोनों रोटेशन और मार्जिन का उपयोग कर सकते व्यवस्था करने के लिए श्रेणी अक्ष पाठ इस तरह,

.CategoryAxis(axis => axis 
     .Categories(model => model.StudentName).Labels(labels => labels.Rotation(330).Margin(-5,45,0,0).Visible(true)) 
     .MajorGridLines(lines => lines.Visible(false)) 
     .Line(line => line.Visible(false)) 
    ) 
संबंधित मुद्दे