मेरे पास नीचे कोड है जो Ajax का उपयोग करके एक MYSQL डेटाबेस से डेटा लाने के लिए उपयोग किया जाता है।
मेरे परीक्षण से पता चलता है कि मैं सफलतापूर्वक परिणाम प्राप्त कर रहा हूं।
समस्या यह है कि मैं कॉल के सफल होने के बाद ग्राफ़ को प्रस्तुत करने के लिए स्पार्कलाइन के लिए मजबूर कर रहा हूं।
अगर मुझे डेटा को सीधे Ajax कॉल के बिना पृष्ठ में डाला जाता है, तो ग्राफ़ को बिना किसी समस्या के प्रदान किया जाता है, हालाँकि कॉल ajax के सफल होने के बाद यदि डेटा आता है तो इसका प्रतिपादन नहीं किया जाता है।
अपनी जांच से, मुझे संदेह है कि समाधान स्पार्कलाइन को अजाक्स कॉल के बाद फिर से रेंडर करने के लिए मजबूर करना है। फिर मेरे द्वारा इसे कैसे किया जाएगा? नीचे मेरा अजाक्स कोड है
$(document).ready(function () {
var id = 1;
$.post("dashboardprocessor.php", {c1:id},function(data){
$("#c1").html(data);
});
});
वह पृष्ठ जहाँ रेंडर करने के लिए माना जाता है कि पहले से ही स्पार्कलाइन. जेएस फ़ाइल शामिल है
उत्तर:
जवाब के लिए 0 № 1आपकी प्रतिसाद प्रतिक्रिया "डेटा" इस प्रकार मानों की एक सरणी है:
var डेटा = [15, 4, 15, 22, 10, 13];
// then you need to pass this array to the element
$("#"your-element).sparkline(data, {
type: "bar",
tooltipSuffix: " widgets"
});
अपनी पसंद के विकल्पों के साथ ग्राफ को अनुकूलित करें। मुझे उम्मीद है कि यह आपके लिए समझ में आता है। :)
नोट: मैं आपको "$ .ajax" कॉल और न ($। Post) का उपयोग करने की सलाह देता हूं, $ .ajax कॉन्फ़िगरेशन के बारे में अधिक लचीला है (और लेकिन मेरी राय है) पढ़ने और समझने में बहुत आसान है।