C3: केवल x, y अक्ष का पूर्णांक

को निर्मित 15 अक्तू॰ 2014 · 9टिप्पणियाँ · स्रोत: c3js/c3

अक्ष को केवल पूर्णांक बनाने के लिए कैसे करें?
qq 20141015141217

मैंने जो कोशिश की है वह टिक विकल्प का उपयोग करना है:

tick: {
    format: function(x) {
        return (x == Math.floor(x)) ? x : "";
    }
}

यह लेबल केवल पूर्णांक दिखा सकता है, लेकिन अक्ष पर विभाजन रेखा अभी भी बाहर निकलती है।
qq 20141015141829

क्या अक्ष टिक को नियंत्रित करने का एक तरीका है?

question resolved maybe

स्रोत

wayou

सबसे उपयोगी टिप्पणी

बेहतर संस्करण:

    axis: {
        y: {
            tick: {
                format: function(x) { return x % 1 === 0 ? x : ''; }
            }
        }
    }

nnabinh 16 जून 2017

🎉5 👍4

सभी 9 टिप्पणियाँ

वर्तमान विकास संस्करण (मास्टर) पर आप ticks की सूची सेट करने के लिए axis.y.values का उपयोग कर सकते हैं। उदाहरण के लिए

{
  axis: {
    y: {
      ticks: [1,2,3]
    }
  }
}

michalkop93 15 अक्तू॰ 2014

लेकिन यह डेटा स्रोत के आधार पर गतिशील नहीं हो सकता, क्या मैं सही हूं?

wayou 16 अक्तू॰ 2014

आप डेटा लोड के बाद उन मानों की गणना कर सकते हैं, इसे chart.internal.config.axis_y_tick_values सेट करें और फिर नए अक्ष मूल्यों को लागू करने के लिए chart.flush() कॉल करें।

michalkop93 16 अक्तू॰ 2014

👍1

इस कोड के बारे में कैसे?

    axis: {
        y: {
            tick: {
                format: function (x) {
                    if (x != Math.floor(x)) {
                      var tick = d3.selectAll('.c3-axis-y g.tick').filter(function () {
                        var text = d3.select(this).select('text').text();
                        return +text === x;
                      }).style('opacity', 0);
                      return '';
                    }
                    return x;
                }
            }
        }
    }

masayuki0812 3 नव॰ 2014

👍2

यह पहले से ही हल लगता है, इसलिए कृपया मुझे बंद करें।

masayuki0812 16 नव॰ 2014

एफडब्ल्यूआईडब्ल्यू, डी 3 के इंटर्न को जानने और जेएस चलाने की आवश्यकता वास्तव में अजीब लगती है। मुझे लगता है कि इन सी 3 मुद्दों में यह पैटर्न बहुत कुछ है: किसी को कोई समस्या है, और सी 3 विकल्प की पेशकश करने के बजाय, जावास्क्रिप्ट की 5-30 लाइनों कि अंतर्निहित एसवीजी के साथ छेड़छाड़ करना डी 3 के साथ स्वीकृत समाधान है। मुझे लगता है कि लंबे समय के लिए सी 3 को अपनाने के लिए एक बड़ी बाधा होने जा रही है।

विशेष रूप से इस मुद्दे के लिए, एक "axis.y.tick.integer_only" विकल्प अविश्वसनीय मूल्य का होगा। मैं इसके लिए C3 को एक एक्सटेंशन प्रदान करना पसंद करूंगा। मुझे यहां एक उदाहरण विस्तार दिखाई दे रहा है । क्या कहीं कोई एक्सटेंशन गाइड है जो मेरा मार्गदर्शन कर सकता है?

धन्यवाद!

संपादित करें: व्याकरण

ryana 28 दिस॰ 2015

👍7

आप डेटा लोड के बाद उन मानों की गणना कर सकते हैं, इसे चार्ट में सेट कर सकते हैं। नया अक्ष मूल्यों को लागू करने के लिए इसे चार्ट।

इसका उल्लेख करते हुए, क्योंकि मुझे भी आज यह समस्या थी - flush() करना डेटा के एनीमेशन को गड़बड़ कर देगा, और देरी को जोड़ने से कुछ ग्राफिकल ग्लिच भी होते हैं। हालांकि, load() पूरी तरह से काम करने से पहले chart.internal.config.axis_y_tick_values उचित मूल्य पर सेट करना। शायद यह किसी के लिए उपयोगी होगा :)।

maciej-trebacz 11 मार्च 2016

👍1

बेहतर संस्करण:

    axis: {
        y: {
            tick: {
                format: function(x) { return x % 1 === 0 ? x : ''; }
            }
        }
    }

nnabinh 16 जून 2017

🎉5 👍4

शुक्रिया नानबिन्ह - एक इलाज का काम किया।

DaveSimmons1234 11 फ़र॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

C3: केवल x, y अक्ष का पूर्णांक

सबसे उपयोगी टिप्पणी

सभी 9 टिप्पणियाँ

संबंधित मुद्दों