Google चार्ट क्षैतिज अक्ष रंग नहीं कर सकता है (एचएक्सिस)

Question

किसी भी तरह से मैं अपने क्षैतिज धुरी के पाठ को रंग नहीं कर पाया। यह है कि मैं क्या विकल्प के लिए निर्धारित किया है है:

var options = { 
    colors: ['#B20054', '#993D69', '#BD00FF', '#FFFE40', '#CCB814', '#998F3D', '#40B2FF'], 
    timeline: { colorByRowLabel: true, rowLabelStyle: { fontSize: 9, color: '#603913' }, 
      barLabelStyle: { fontSize: 9 } } 
    hAxis: { 
     textStyle:{color: '#FFF'} 
    } 
}; 

स्क्रीनशॉट:

पूरा कोड:

var container = document.getElementById('timetracking_Dennis'); 
    var chart = new google.visualization.Timeline(container); 
    var dataTable = new google.visualization.DataTable(); 

    dataTable.addColumn({ type: 'string', id: 'Term' }); 
    dataTable.addColumn({ type: 'string', id: 'Name' }); 
    dataTable.addColumn({ type: 'date', id: 'Start' }); 
    dataTable.addColumn({ type: 'date', id: 'End' }); 

    dataTable.addRows([ 
    [ '#5700', 'Vernieuwing wifi-netwerk', new Date(0,0,0,10,16,0), new Date(0,0,0,10,17,0) ], 
    [ '#5704', 'Account Mike Hees', new Date(0,0,0,10,23,0), new Date(0,0,0,10,28,0) ], 
    [ '#5798', 'Laptop Bas van der Beer traag', new Date(0,0,0,10,15,0), new Date(0,0,0,11,14,0) ], 
    [ '#5832', 'Problemen iMac', new Date(0,0,0,11,24,0), new Date(0,0,0,11,25,0) ], 
    [ '#5832', 'Problemen iMac', new Date(0,0,0,11,34,0), new Date(0,0,0,11,35,0) ], 
    [ '#5856', 'Problemen iMac', new Date(0,0,0,17,28,0), new Date(0,0,0,18,0,0) ], 
    [ '#5856', 'Internet Broekseweg', new Date(0,0,0,9,14,0), new Date(0,0,0,9,15,0) ], 
    [ '#5856', 'Internet Broekseweg', new Date(0,0,0,9,0,0), new Date(0,0,0,10,0,0) ], 
    [ '#5856', 'Internet Broekhovenseweg', new Date(0,0,0,16,2,0), new Date(0,0,0,16,12,0) ], 
    [ '#5857', 'gebruiker Abdel issues met opstarten', new Date(0,0,0,11,37,0), new Date(0,0,0,11,38,0) ], 
    [ '#5895', 'Printer uit flexplek halen', new Date(0,0,0,11,9,0), new Date(0,0,0,11,17,0) ]  
    ]); 

    var options = { 
     colors: ['#B20054', '#993D69', '#BD00FF', '#FFFE40', '#CCB814', '#998F3D', '#40B2FF'], 
     timeline: { colorByRowLabel: true, rowLabelStyle: { fontSize: 9, color: '#603913' }, 
       barLabelStyle: { fontSize: 9 } } 
     }; 

    chart.draw(dataTable, options); 

Answer 1

एक वास्तव में गंदा हैक जिसे आप एक्स-अक्ष रंग देने के लिए उपयोग कर सकते हैं।

टाइमलाइन के एसवीजी में <text> तत्व शामिल हैं। इनमें एक्स-अक्ष पर संख्या शामिल है। यह मानते हुए कि आप X- अक्ष सफेद रंग करने के लिए चाहते हैं

svg.find('[font-size="13"]').attr('fill', '#ffffff'); 

:

आप चार्ट के <svg> तत्व मिल जाए, और एक चर svg कहा जाता है कि असाइन करते हैं, तो आपको निम्न हैक कर सकते हैं।

यह केवल आपके विशेष मामले में काम करता है क्योंकि आपने rowLabelStyle बदल दिया है। डिफ़ॉल्ट रूप से, पंक्ति लेबल में font-size="13" भी होता है।

Answer 2

ऐसा लगता है आप शैली नहीं कर सकते हैं की तरह है कि समय के चार्ट पर अक्ष .. जो बहुत अजीब है।

यह आपके सभी विकल्प हैं: https://google-developers.appspot.com/chart/interactive/docs/gallery/timeline

आप इस चार्ट विकल्पों की तुलना में हैं, तो आप देख सकते हैं कि इसकी कमी अच्छा अक्ष समर्थन: https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart

आप क्या समर्थन करने के लिए जे एस को बदलने में सक्षम हो सकता है आप करना चाहते हैं, लेकिन इसके लायक से ज्यादा परेशानी हो सकती है।

क्या आपने इसे सीएसएस के माध्यम से लक्षित करने का प्रयास किया है? एक त्वरित फिक्स हो सकता है