मेरे पास एक ग्राफ है जो किसी वेबसाइट पर आने वाले लोगों के ट्रैफ़िक पर नज़र रखता है और यह वर्तमान में इसके सभी डेटा को दिखाता है कोई समस्या नहीं है:

An example of my graph

हर महीने या तो मैं अपडेट करता हूं और उन लोगों को एक न्यूजलेटर भेजता हूं जिन्होंने मुझे सब्सक्राइब किया है और मैं जानना चाहता हूं कि उस ग्राफ पर उस न्यूजलेटर के आने का समय दिखाने का कोई तरीका है या नहीं।

इसलिए यदि मैं अपने ग्राफ़ में साइट-ट्रैफ़िक के पिछले सप्ताह को देख रहा था और मेरा न्यूज़लेटर सोमवार को भेजा गया था, तो उस दिन ग्राफ़ पर एक पंक्ति दिखाई देगी:

What my graph would look like

मुझे पता है कि मैं इसे चिह्नों के साथ कर सकता हूं, जो पहले से मौजूद फ़्लोट में ग्राफ़ में रेखाएं जोड़ने का एक तरीका है

{ xaxis: { from: 1, to: 2 }, color: "#000000" } //Creates a vertical line from 1 to 2

लेकिन ऐसा लगता है कि जब आप टाइम मोड सक्षम करते हैं तो यह वही काम नहीं करता है। उदा. समय मोड चालू होने पर मैं इसे चिह्नों के लिए जो पैरामीटर दे रहा हूं वह दिखाई नहीं देगा

तो मेरा सवाल है: मैं फ़्लोट के साथ किसी विशिष्ट तिथि पर दिखाई देने वाले ग्राफ़ में एक अंकन कैसे जोड़ूं?

संपादित करें

$.plot("#chart_filled_blue", data1, $.extend(true, {}, Plugins.getFlotDefaults(), {
    xaxis: {
        min: start,
        max: end,
        mode: "time",
        tickSize: [1, type],
        tickLength: 0
    },
    series: {
        lines: {
            fill: true,
            lineWidth: 1.5
        },
        points: {
            show: true,
            radius:4,
            lineWidth: 1.1
        },
        grow: { active: true, growings:[ { stepMode: "maximum" } ] }
    },
    grid: {
        hoverable: true,
        clickable: true,
            markings: [{
                xaxis: {
                    from: 1530421200,
                    to: 1530507600
                },
                color: "#000000"
            }]
    },
    tooltip: true,
    tooltipOpts: {
        content: '%s: %y'
    }
    }));
1
BlueLite 3 जुलाई 2018, 22:08

1 उत्तर

सबसे बढ़िया उत्तर

समय कुल्हाड़ियों के साथ अंकन फ़्लोट में ठीक काम करता है। क्या आप इस मुद्दे को बेहतर ढंग से समझने में सहायता के लिए कुछ कोड पोस्ट कर सकते हैं?

आपको मार्किंग from और to को उस टाइमस्टैम्प पर सेट करना होगा, जिसे आप मार्किंग को दिखाना चाहते हैं:

grid: {
  markings: [{
    xaxis: {
      from: 1336201200000,
      to: 1336201200000
    },
    color: "#ff0000"
  }]
}

इस JSFiddle में समय श्रृंखला अक्ष और चिह्नों का एक कार्यशील उदाहरण है।

2
mechenbier 3 जुलाई 2018, 23:33