मैं यह पता लगाने की कोशिश कर रहा हूं कि वेगा-लाइट में मल्टी-लाइन ग्राफ के लिए डेटा को कैसे परिभाषित किया जाए, लेकिन मैं इसे काम करने के लिए प्राप्त कर सकता हूं। उदाहरण URL समापन बिंदु पर सीएसवी फ़ाइल के लिए डेटा दिखाते हैं ( https://vega.github.io/vega-editor/?mode=vega-lite&spec=line_color&showEditor=1 ), लेकिन मैं उन आंकड़ों को देखना चाहता हूं जिन्हें मैं एक साधारण जसन में परिभाषित करता हूं।
यहाँ मैं एक लाइन ग्राफ के लिए क्या है:
var LineSpec = {
"description": "variation over time for",
"data": {
"values":
[
{"date": "2012-04-23T18:25:43.511Z","price": 10},
{"date": "2012-04-25T18:25:43.511Z","price": 7},
{"date": "2012-04-27T18:25:43.511Z","price": 4},
{"date": "2012-05-01T18:25:43.511Z","price": 1},
{"date": "2012-05-03T18:25:43.511Z","price": 2},
{"date": "2012-05-05T18:25:43.511Z","price": 6},
{"date": "2012-05-07T18:25:43.511Z","price": 8},
{"date": "2012-05-09T18:25:43.511Z","price": 4},
{"date": "2012-05-11T18:25:43.511Z","price": 7}
]
},
"mark": "line",
"encoding": {
"x": {"field": "date", "type": "temporal"},
"y": {"field": "price", "type": "quantitative"},
"color": {"field": "symbol", "type": "nominal"}
}
};
मैं "डेटा" को कैसे संशोधित करूं ताकि एक बहुव्यापी ग्राफ प्रदर्शित हो? (और यदि संभव हो तो अधिक उपयोगी जानकारी प्रदर्शित करें जो प्रतीक तालिका में अपरिभाषित हैं)। यहाँ मैं अभी देख रहा हूँ: अपरिभाषित प्रतीक के साथ लाइन ग्राफ
धन्यवाद!
उत्तर:
उत्तर № 1 के लिए 1आपको अपने डेटा में प्रतीक फ़ील्ड जोड़ना होगा। मैंने प्रतीक फ़ील्ड और प्रतीकों A और B को जोड़ा। इस डेटा को किंवदंती में दो प्रतीकों के साथ एक बहु-रेखा ग्राफ प्रस्तुत करना चाहिए:
{
"description": "variation over time for",
"data": {
"values": [
{"date": "2012-04-23T18:25:43.511Z","price": 10, "symbol": "A"},
{"date": "2012-04-25T18:25:43.511Z","price": 7, "symbol": "B"},
{"date": "2012-04-27T18:25:43.511Z","price": 4, "symbol": "A"},
{"date": "2012-05-01T18:25:43.511Z","price": 1, "symbol": "B"},
{"date": "2012-05-03T18:25:43.511Z","price": 2, "symbol": "A"},
{"date": "2012-05-05T18:25:43.511Z","price": 6, "symbol": "B"},
{"date": "2012-05-07T18:25:43.511Z","price": 8, "symbol": "A"},
{"date": "2012-05-09T18:25:43.511Z","price": 4, "symbol": "B"},
{"date": "2012-05-11T18:25:43.511Z","price": 7, "symbol": "A"}
]
},
"mark": "line",
"encoding": {
"x": {"field": "date", "type": "temporal"},
"y": {"field": "price", "type": "quantitative"},
"color": {"field": "symbol", "type": "nominal"}
}
}