ruby on rails - पुस्तकालय विकल्पों का उपयोग करते समय चार्टकिक पाई चार्ट प्रतिशत नहीं दिखा रहा है




ruby-on-rails charts (2)

मेरे आरओआर में मैं अपने chartkick प्रतिशत जोड़ना चाहता हूं, मैं चार्ट चार्ट को रेंडर करने के लिए chartkick मणि का उपयोग कर रहा हूं। मैंने इस समस्या के विभिन्न तरीकों की कोशिश की है, लेकिन कोई भी काम नहीं करता है मैं भी चारों ओर googled है और स्टैक ओवरफ्लो पर इसी तरह की पोस्ट को देखो

यह वही है जो मेरे साथ आया है, लेकिन यह% नहीं दिखा रहा है

 <%= pie_chart [["Soccer", @soccer_total], ["Basketball",  @basketball_total, ["Baseball",  @baseball_total], ["Other", @other_total ]], library: {legend: {labelFormat: '{name} : {y} ({percentage}%)'}} %>

मैंने इस दृष्टिकोण की भी कोशिश की है, लेकिन अभी भी एक भाग्य के साथ

<%= pie_chart [["Soccer", @soccer_total], ["Basketball",  @basketball_total, ["Baseball",  @baseball_total], ["Other", @other_total ]], library: {pieSliceText: 'value-and-percentage'} %>

कृपया कोई और अनुभवी इस से मेरी मदद कर सकता है?

ओएससीएआर के उत्तर के लिए अपडेट करें

मैंने ऑस्कर के उत्तर के लिए दिए गए निर्देशों का पालन किया, लेकिन इसकी अभी भी% प्रदर्शित नहीं की गई

यह कैसे <head> में application.html.erb दिखता है:

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag "path/to/highcharts.js", "chartkick" %>

और appplication.js इस तरह है:

//
//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
//= require turbolinks
//= require_tree .

इसके साथ काम करने में मुझे एक ऐसी ही समस्या थी तो चार्ट चार्ट। Chart.bundle पाई चार्ट के लिए विकल्प प्रदान नहीं करता है

इसके बजाय आप यहां दस्तावेज़ पर निर्दिष्ट किए गए अनुसार Google चार्ट का उपयोग कर सकते हैं

तो आपको क्या करना है, इसे निकाल दें //= require Chart.bundle आवेदन की //= require Chart.bundle application.js से

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> या लेआउट पर जाएं जिसे आप अपना दृश्य दिखाने के लिए और <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> या कुछ ऐसा ही लोड करने के लिए उपयोग कर रहे हैं। लिब्स जोड़ें <%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %> । यह ऐसा दिखेगा:

<%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

और वहां है!। मैंने यह भी देखा कि आपके कोड में "]" नहीं है। तय करना है कि आप इसके साथ चार्ट चला सकते हैं:

<%= pie_chart [["Soccer", @soccer_total], ["Basketball",  @basketball_total], ["Baseball",  @baseball_total], ["Other", @other_total ]] %>

आप किसी भी विकल्प को जोड़ने के बिना प्रतिशत देखने में सक्षम होना चाहिए

यदि आप चार्ट विकल्पों को कस्टमाइज़ करना चाहते हैं तो आप यहां दस्तावेज देख सकते हैं

संपादित करें: आप application.js इस तरह दिखना चाहिए

//= require jquery
//= require jquery_ujs
//= require chartkick
//= require bootstrap-sprockets
//= require turbolinks
//= require_tree .

और आपके application.html.erb or the layout that you are using at your controller like इस application.html.erb or the layout that you are using at your controller like (अंत में उच्चचर्चे.जेएस में शामिल_टैग को हटाने की आवश्यकता नहीं है):

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

हे आप कुछ बेहतर यहाँ पा सकते हैं

मेरी राय के अनुसार, आप इस कोड को आज़मा सकते हैं। इसके अलावा

<%= pie_chart [["Soccer", @soccer_total], ["Basketball",  @basketball_total, ["Baseball",  @baseball_total], ["Other", @other_total ]], library: {pieSliceText: 'value-and-percentage'} %>

आप यह कोशिश कर सकते हैं

<%= pie_chart [["Soccer", @soccer_total], ["Basketball",  @basketball_total, ["Baseball",  @baseball_total], ["Other", @other_total ]], library: {pieSliceText: 'value'} %>

हे आप अपने हेडर में कोड के नीचे कुंद कर सकते हैं

<script> https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.js</script>
<script> https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.min.js</script>
<script> https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.js</script>
<script> https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.min.js</script>




chartkick