HighChartsで色の代わりに塗りつぶしパターンを使用する

Question

私はWebアプリケーションでグラフを作成するさまざまな方法を検討しており、HighChartsが特に便利だと分かっています。アプリは色盲に対応する必要があるので、色を塗る代わりにパターンを使用することを検討しています（in this questionを参照）。このような

何かがSVGの<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でこれを行っている必要があるだろうか？ 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' 
    } 
}