JavaScript — Как использовать цвета по умолчанию при указании образцов в зоне в Highcharts

Дополнительная информация

Я делаю что-то похожее на сплайн-график:

 $total_series['zoneAxis'] = 'x'; $total_series['zones'] = array( array('value' ={amp}gt; $zone_start), array('dashStyle' ={amp}gt; 'dot') ); 

Каким-то образом этот работает отлично, он сохранил цвет сплайна, он просто сменил сплошную линию на пунктирную, когда точки находятся в пределах указанной зоны. Это то, чего я хочу достичь, просто замените сплошные столбцы на полосатые, если они находятся внутри зоны.

пример

Я создал скрипку для тех, кто хочет пример.

 Highcharts.chart('container', { xAxis: { plotBands: [{ color: 'rgba(68, 170, 213, 0.1)', from: 2.5, to: 4.5 }] }, series: [{ type: 'column', data: [29.9, 71.5, 106.4, 129.2, 144.0], zoneAxis: 'x', zones: [{ value: 3 }, { color: { pattern: { path: { d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11', strokeWidth: 3 }, width: 10, height: 10 } } }] }, { type: 'column', data: [41.2, 25.6, 30.0, 101.6, 175.2], zoneAxis: 'x', zones: [{ value: 3 }, { color: { pattern: { path: { d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11', strokeWidth: 3 }, width: 10, height: 10 } } }] }] }); 
 {amp}lt;script src="https://code.highcharts.com/highcharts.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://code.highcharts.com/modules/pattern-fill.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="container" style="height: 400px; max-width: 800px; margin: 0 auto"{amp}gt;{amp}lt;/div{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector