/ / हाइचार्ट्स: एक ही कंटेनर में एकाधिक चार्ट संरेखित करें - जावास्क्रिप्ट, jquery, सीएसएस, चार्ट, हाईचार्ट्स

हाइचार्ट्स: एक ही कंटेनर में एकाधिक चार्ट संरेखित करें - जावास्क्रिप्ट, jquery, सीएसएस, चार्ट, हाईचार्ट्स

इस डेमो के बाद यहां (http://www.highcharts.com/docs/chart-and-series-types/combining-chart-types) मैं एक ही पेज पर पाई चार्ट और बार चार्ट रखने की कोशिश कर रहा हूं।

पकड़ है कि मैं पाई चार्ट होना चाहता हूँबाईं ओर बड़ा और फिर दाईं ओर बार चार्ट। मैं पाई चार्ट को चारों ओर स्थानांतरित करने के लिए कोड देखता हूं, लेकिन मैं यह नहीं समझ सकता कि बार चार्ट के साथ ऐसा कैसे किया जाए, क्योंकि ऐसा लगता है कि यह पूरे कंटेनर चौड़ाई को विस्तारित करना चाहता है। मैं समझता हूं कि मेरे पास दो स्वतंत्र चार्ट हो सकते हैं और उन्हें अपने स्वयं के फ्लोटिंग डीआईवी में रख सकते हैं, लेकिन चूंकि चार्ट के संयोजन संभव है, मैंने सोचा कि यह एक व्यवहार्य विकल्प होगा।

उत्तर:

उत्तर № 1 के लिए 1

आप सेट कर सकते हैं chart.marginLeft चार्ट चौड़ाई के आधे तक। और सेट करें पाई.सेंटर एक्स एक नकारात्मक मूल्य के लिए समन्वय।

chart: {
marginLeft: 400
},

series: [{
center: ["-75%", "50%"],

उदाहरण: http://jsfiddle.net/L55w9n53/