का उपयोग कर अपने कंटेनर से संबंधित एक HTML तत्व को स्थिति दें I HTML और CSS का उपयोग करके क्षैतिज 100% स्टैक्ड-बार ग्राफ़ बनाने की कोशिश कर रहा हूं। मैं उन रंगों के आधार पर पृष्ठभूमि रंगों और प्रतिशत चौड़ाई वाले डीआईवी का उपयोग करके बार बनाना चाहता हूं, जिन्हें मैं ग्राफ़ करना चाहता हूं। मैं ग्राफ के साथ एक मनमानी स्थिति को चिह्नित करने के लिए एक ग्रिड लाइन भी रखना चाहता हूं।सीएसएस
मेरे प्रयोग में, मैंने सीएसएस संपत्ति float: left
असाइन करके क्षैतिज रूप से ढेर करने के लिए सलाखों को प्राप्त कर लिया है। हालांकि, मैं इससे बचना चाहता हूं, क्योंकि यह वास्तव में भ्रमित तरीकों से लेआउट के साथ गड़बड़ कर रहा है। इसके अलावा, जब बार तैरते हैं तो ग्रिड लाइनें बहुत अच्छी तरह से काम नहीं करती हैं।
मुझे लगता है कि सीएसएस स्थिति इसे संभालने में सक्षम होना चाहिए, लेकिन मुझे अभी तक यह नहीं पता कि यह कैसे करना है। मैं अपने कंटेनर के ऊपरी-बाएं कोने से संबंधित कई तत्वों की स्थिति निर्दिष्ट करने में सक्षम होना चाहता हूं। मैं इस मुद्दे की इस तरह नियमित रूप से (यहां तक कि इस विशेष ग्राफ परियोजना के बाहर) में चलाने, इसलिए मैं एक विधि है कि चाहते हैं:
- क्रॉस-ब्राउज़र (आदर्श भी कई ब्राउज़र हैक्स के बिना) क्वर्क्स में
- रन मोड
- अनुकूलन की सुविधा के लिए यथासंभव स्पष्ट/साफ,
- यदि संभव हो तो जावास्क्रिप्ट के बिना हो गया।
इसे क्विर्क मोड में क्यों चलाना है? –
क्योंकि जिस साइट पर मैं इसे क्विर्क मोड में चलाने के लिए जोड़ रहा हूं और इस दशक में किसी भी समय बदल नहीं रहा हूं। :-P –
क्या आपको इसे HTML में करना है? क्या आप इसके बजाय Google चार्ट का उपयोग कर सकते हैं? http://code.google.com/apis/chart/#bar_charts –