nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Set width for different series in a bar chart

yangmichael

<p>Hi,</p>
<p> </p>
<p>Does anyone know how to set width for different series in a bar chart?</p>
<p> </p>
<p>I have two series in a bar chart, I want to set different width for them.</p>
<p> </p>
<p>Thank you!</p>

Find more posts tagged with

Comments

yangmichael

<p>Actually, if anyone knows how to add vertical lines to a bar chart, that would be great. </p>
<p> </p>
<p>I am just trying to change the width of bars to make them looks like vertical lines.</p>

yangmichael

<p>I've figured it out.</p>
<p> </p>
<p>I can set width by doing this:</p>
<p> </p>
<div>function beforeDrawSeries( series, isr, icsc )</div>
<div>{</div>
<div>if(series.getSeriesIdentifier()=="Series 1"){</div>
<div>icsc.getChartInstance().setUnitSpacing(50);</div>
<div>}</div>
<div>if(series.getSeriesIdentifier()=="Series 2"){</div>
<div>icsc.getChartInstance().setUnitSpacing(100);</div>
<div>}</div>