हाईचर्ट्स

Question

के साथ रंग के बजाय एक भरने पैटर्न का उपयोग करना मैं वेबपैप्स में ग्राफ बनाने के विभिन्न तरीकों को देख रहा हूं और HighCharts विशेष रूप से उपयोगी पाया है। ऐप को रंग अंधापन के लिए पूरा करने की ज़रूरत है, इसलिए मैं रंग भरने के बजाय पैटर्न का उपयोग करने की सोच रहा हूं - जैसा कि in this question वर्णित है।

कुछ इस तरह एसवीजी की <defs> खंड में होने की जरूरत है:

<pattern id="triangles" width="10" height="10" patternUnits="userSpaceOnUse"> 
    <polygon points="5,0 10,10 0,10"/> 
</pattern> 
<pattern id="diagonal-hatch" patternUnits="userSpaceOnUse" width="4" height="4"> 
    <path d="M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2"/> 
</pattern> 
<pattern id="cross-hatch" patternUnits="userSpaceOnUse" x="0" y="0" width="6" height="6"> 
    <g style="fill:none; stroke:#22fa23; stroke-width:1"> 
     <path d="M0,0 l10,10"/> 
     <path d="M10,0 l-10,10"/> 
    </g> 
</pattern> 

और फिर fill="#0d233a" के बजाय मैं होगा fill="url(#triangles)"

किसी और Highcharts साथ यह किया गया है? क्या हाईचर्ट्स को इसे टुकड़े टुकड़े किए बिना ऐसा करने के लिए भी संभव है?

Answer 1

pattern fill plugin लगता है।

Answer 2

आप इसके लिए हाईचर plugin का उपयोग कर सकते हैं। विषय here बनाया गया है।

श्रृंखला के लिए उदाहरण गपशप के लिए:

{ 
    type: 'column', 
    data: [148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6], 
    color: { 
     pattern: 'http://highcharts.com/demo/gfx/pattern2.png', 
     width: 6, 
     height: 6, 
     // VML only: 
     color1: 'red', 
     color2: 'yellow' 
    } 
}