D3.js ~ क्या सीएसवी हेडर मानों को ड्रॉपडाउन में एक्सेस करने का कोई तरीका है?

Question

मैं एक इंटरैक्टिव ग्राफ बना रहा हूं क्योंकि धुरी के मानों में दो शीर्षलेख मान हैं। यह वास्तव में बेहतर होगा अगर मैं ड्रॉप डाउन मेनू या उसके जैसा कुछ अक्ष मानों को चुन सकता हूं। मुझे नहीं पता कि अगर मेरे सीएसवी के हेडर वैल्यू एक्सेस करना संभव है जैसे कि वे सरणी का हिस्सा थे, तो मैं चुनने के लिए ड्रॉपडाउन मेनू बना सकता हूं। एक .csv को देखते हुए जिसमें कई शीर्षलेख मान होते हैं, और उनमें से सभी तार हैं, क्या d3.csv.formatRows(rows) का उपयोग कर इसे प्राप्त करना संभव है? मैंने इसे कॉलबैक फ़ंक्शन के अंदर उपयोग करने का प्रयास किया:

var header = d3.csv("MyCsvFile.csv").formatRows(0); 
console.log(header); 

लेकिन काम नहीं किया। मुझे यह भी यकीन नहीं है कि मैं सही फ़ंक्शन का उपयोग कर रहा हूं, या ऐसा करने के लिए कोई फ़ंक्शन है! किसी भी मदद की सराहना की है! धन्यवाद!

Answer 1

documentationd3.csv.parse प्रारूप का उल्लेख करता है - मूल रूप से आपके पास हेडर नामों के साथ कुंजी-मूल्य जोड़े होंगे। तो हेडर नाम प्राप्त करने के लिए आपको बस इतना करना है कि ऐसा कुछ है।

d3.csv("foo.csv", function(error, data) { 
    var headerNames = d3.keys(data[0]); 
});