javascript - हाईचार्ट्स स्कैटर बाह्य डेटा



php jquery (1)

यदि आपकी PHP फाइल ऊपर प्रस्तुत की गई सरणी लौटाती है, तो आपको इसे स्कैटर श्रृंखला में डेटा एरे के रूप में उपयोग करने के लिए थोड़ा सा पार्स करना होगा। सबसे पहले, तार तार होना चाहिए। दूसरे, आपको new Date() बनाने के लिए new Date() का उपयोग getTime() और टाइमस्टैम्प वापस करने के लिए getTime() का उपयोग getTime() । साथ ही, xAxis प्रकार को datetime बदलें।

एपीआई संदर्भ:
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTime

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

मैंने उच्चचर्ट्स स्कैटर ग्राफ़ के साथ दस्तावेज़ बनाया

                Highcharts.chart('container', {
                chart: {
                    type: 'scatter',
                    zoomType: 'xy'
                },
                title: {
                    text: ''
                },
                subtitle: {
                    text: ''
                },
                xAxis: {
                    title: {
                        enabled: true,
                        text: 'Date of entry'
                    },
                    startOnTick: true,
                    endOnTick: true,
                    showLastLabel: true
                },
                yAxis: {
                    title: {
                        text: 'Values'
                    }
                },
                legend: {
                    layout: 'vertical',
                    align: 'left',
                    verticalAlign: 'top',
                    x: 100,
                    y: 70,
                    floating: true,
                    backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF',
                    borderWidth: 1
                },
                plotOptions: {
                    scatter: {
                        marker: {
                            radius: 5,
                            states: {
                                hover: {
                                    enabled: true,
                                    lineColor: 'rgb(100,100,100)'
                                }
                            }
                        },
                        states: {
                            hover: {
                                marker: {
                                    enabled: false
                                }
                            }
                        },
                        tooltip: {
                            headerFormat: '<b>{series.name}</b><br>',
                            pointFormat: 'Dana {point.x} = {point.y}'
                        }
                    }
                },
                series: [{
                    name: 'Values',
                    color: 'rgba(223, 83, 83, .5)',
                    data: [[167.6, 64.5], [167.6, 72.3], [167.6, 61.4]]
                }]
            });

और यह काम करता है यह कोड दस्तावेज़ीकरण पृष्ठ से है। मुझे इस पृष्ठ पर सामान्य स्कैटर डेटा मिलता है Highcharts scatter jsfiddle अब, मैंने एक और PHP फाइल बनाई है, जो मुझे वास्तव में जरूरत वाले डेटा के साथ उत्पन्न करता है यह दस्तावेज़ उच्चचरट.एफ़पीपी में है और परिणाम यह है

[07.03.2017,21000], [07.03.2017,25000], [07.03.2017,33000], [07.03.2017,27000], [07.03.2017,30000], [01.01.2017,700], [11.05 .2017,0], [11.05.2017,0], [11.05.2017,0], [11.05.2017,0],

कैसे इस highcharts.php फ़ाइल में डेटा कनेक्ट करने के लिए? मुझे कुछ उदाहरण मिले, लेकिन मैं इसे काम करने के लिए नहीं मिल सकता है तो शुरू करने के लिए मुझे स्कैटर आरेख पर दिखाने के लिए डेटा की एक पंक्ति की आवश्यकता है। मैं कुछ दिन खो चुका हूं और इसे गलत नहीं कर रहा हूं।





highcharts