moran.neptune
Posts: 7
Joined: Sun May 26, 2024 11:19 am

highcharts-br on long label splits the term wrong

hi,
im using exportChart and when im exporting a chart with long Xaxis terms i add <br> in the right places inorder to minimize the place this string will take on photo but then it is translating to splitting with tspan and highcharts-br css class which makes the term to spit in a wrong way like this:

sub svg:

Code: Select all

<text x="618.5" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; white-space: nowrap; font-family: verdana; fill: rgb(51, 51, 51);" text-anchor="middle" transform="translate(0,0)" y="569" opacity="1">Billing<tspan class="highcharts-br" dy="14" x="618.5">​</tspan>Issues</text>
instead of:
Billing
Issues

it is exported as:
Issues
Billing

full svg:

Code: Select all

'<svg xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="highcharts-root" style="font-family: Helvetica, Arial, sans-serif; font-size: 1rem;" xmlns="http://www.w3.org/2000/svg" width="1200" height="600" viewBox="0 0 1200 600" aria-label="Interactive chart" aria-hidden="false"><desc aria-hidden="true">Created with Highcharts 11.4.3</desc><defs aria-hidden="true"><filter id="highcharts-drop-shadow-13"><feDropShadow dx="1" dy="1" flood-color="#000000" flood-opacity="0.75" stdDeviation="2.5"></feDropShadow></filter><clipPath id="highcharts-aewf3d0-1362-"><rect x="0" y="1" width="1143" height="529" fill="none"></rect></clipPath><clipPath id="highcharts-aewf3d0-1383-"><rect x="0" y="1" width="1143" height="529" fill="none"></rect></clipPath></defs><rect fill="#ffffff" class="highcharts-background" filter="none" x="0" y="0" width="1200" height="600" rx="0" ry="0" aria-hidden="true"></rect><rect fill="#f3f3f3" class="highcharts-plot-background" x="47" y="13" width="1143" height="530" filter="none" aria-hidden="true"></rect><g class="highcharts-pane-group" data-z-index="0" aria-hidden="true"></g><g class="highcharts-grid highcharts-xaxis-grid" data-z-index="1" aria-hidden="true"><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 428.5 13 L 428.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 809.5 13 L 809.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 1190.5 13 L 1190.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47.5 13 L 47.5 543" opacity="1"></path></g><g class="highcharts-grid highcharts-xaxis-grid" data-z-index="1" aria-hidden="true"><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 110.5 13 L 110.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 174.5 13 L 174.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 237.5 13 L 237.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 301.5 13 L 301.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 364.5 13 L 364.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 428.5 13 L 428.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 491.5 13 L 491.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 555.5 13 L 555.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 618.5 13 L 618.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 682.5 13 L 682.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 745.5 13 L 745.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 809.5 13 L 809.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 872.5 13 L 872.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 936.5 13 L 936.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 999.5 13 L 999.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 1063.5 13 L 1063.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 1126.5 13 L 1126.5 543" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="0" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 1190.5 13 L 1190.5 543" opacity="1"></path></g><g class="highcharts-grid highcharts-yaxis-grid" data-z-index="1" aria-hidden="true"><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 543.5 L 1190 543.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 495.5 L 1190 495.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 447.5 L 1190 447.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 398.5 L 1190 398.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 350.5 L 1190 350.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 302.5 L 1190 302.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 254.5 L 1190 254.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 206.5 L 1190 206.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 158.5 L 1190 158.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 109.5 L 1190 109.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 61.5 L 1190 61.5" opacity="1"></path><path fill="none" stroke="#d6dfe8" stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 47 13.5 L 1190 13.5" opacity="1"></path></g><rect fill="none" class="highcharts-plot-border" data-z-index="1" stroke="#cccccc" stroke-width="0" x="47" y="13" width="1143" height="530" aria-hidden="true"></rect><g class="highcharts-axis highcharts-xaxis" data-z-index="2" aria-hidden="true"><path fill="none" class="highcharts-axis-line" stroke="#333333" stroke-width="1" data-z-index="7" d="M 47 543.5 L 1190 543.5"></path></g><g class="highcharts-axis highcharts-xaxis" data-z-index="2" aria-hidden="true"><path fill="none" class="highcharts-axis-line" stroke="#333333" stroke-width="1" data-z-index="7" d="M 47 13.5 L 1190 13.5"></path></g><g class="highcharts-axis highcharts-yaxis" data-z-index="2" aria-hidden="true"><path fill="none" class="highcharts-axis-line" stroke="#333333" stroke-width="0" data-z-index="7" d="M 47 13 L 47 543"></path></g><g class="highcharts-series-group" data-z-index="3" filter="none" aria-hidden="false"><g class="highcharts-series highcharts-series-1 highcharts-line-series" data-z-index="0.1" opacity="1" transform="translate(47,13) scale(1 1)" clip-path="url(#highcharts-aewf3d0-1383-)" aria-hidden="true"><path fill="none" d="M -31.75 313.56453329279 L 31.75 313.56453329279 L 95.25 313.56453329279 L 158.75 313.56453329279 L 222.25 313.56453329279 L 285.75 313.56453329279 L 349.25 313.56453329279 L 412.75 313.56453329279 L 476.25 313.56453329279 L 539.75 313.56453329279 L 603.25 313.56453329279 L 666.75 313.56453329279 L 730.25 313.56453329279 L 793.75 313.56453329279 L 857.25 313.56453329279 L 920.75 313.56453329279 L 984.25 313.56453329279 L 1047.75 313.56453329279 L 1111.25 313.56453329279 L 1174.75 313.56453329279" class="highcharts-graph" data-z-index="1" stroke="black" stroke-width="1" stroke-dasharray="8,3" filter="none"></path></g><g class="highcharts-markers highcharts-series-1 highcharts-line-series" data-z-index="0.1" opacity="1" transform="translate(47,13) scale(1 1)" clip-path="none" aria-hidden="false" role="region" tabindex="-1" aria-label="average_series_ext-207, series 2 of 2. Line with 20 data points. X axis, categories." style="outline: none;"><path fill="black" d="M 31.5 317.56453329279 A 4 4 0 1 1 31.500199999999918 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="1, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 95.5 317.56453329279 A 4 4 0 1 1 95.50019999999992 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="2, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 158.5 317.56453329279 A 4 4 0 1 1 158.50019999999992 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="3, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 222.5 317.56453329279 A 4 4 0 1 1 222.50019999999992 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="4, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 285.5 317.56453329279 A 4 4 0 1 1 285.5001999999999 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="5, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 349.5 317.56453329279 A 4 4 0 1 1 349.5001999999999 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="6, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 412.5 317.56453329279 A 4 4 0 1 1 412.5001999999999 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="7, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 476.5 317.56453329279 A 4 4 0 1 1 476.5001999999999 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="8, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 539.5 317.56453329279 A 4 4 0 1 1 539.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="9, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 603.5 317.56453329279 A 4 4 0 1 1 603.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="10, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 666.5 317.56453329279 A 4 4 0 1 1 666.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="11, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 730.5 317.56453329279 A 4 4 0 1 1 730.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="12, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 793.5 317.56453329279 A 4 4 0 1 1 793.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="13, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 857.5 317.56453329279 A 4 4 0 1 1 857.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="14, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 920.5 317.56453329279 A 4 4 0 1 1 920.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="15, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 984.5 317.56453329279 A 4 4 0 1 1 984.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="16, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 1047.5 317.56453329279 A 4 4 0 1 1 1047.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="17, 8.984113712374583. average_series_ext-207." style="outline: none;"></path><path fill="black" d="M 1111.5 317.56453329279 A 4 4 0 1 1 1111.5002 317.56453328778997 Z" stroke="#ffffff" stroke-width="0" opacity="0" class="highcharts-point" tabindex="-1" role="img" aria-label="18, 8.984113712374583. average_series_ext-207." style="outline: none;"></path></g><g class="highcharts-series highcharts-series-0 highcharts-column-series highcharts-color-0" data-z-index="5" opacity="1" transform="translate(47,13) scale(1 1)" clip-path="url(#highcharts-aewf3d0-1362-)" aria-hidden="false" role="region" tabindex="-1" aria-label="call_distribution_series_ext-205, series 1 of 2. Bar series with 3 bars. X axis, categories." style="outline: none;"><path fill="#478dcb" d="M 102.5 30.5 L 279.5 30.5 A 3 3 0 0 1 282.5 33.5 L 282.5 530.5 A 0 0 0 0 1 282.5 530.5 L 99.5 530.5 A 0 0 0 0 1 99.5 530.5 L 99.5 33.5 A 3 3 0 0 1 102.5 30.5 Z" stroke="#ffffff" stroke-width="1" opacity="1" filter="none" class="highcharts-point highcharts-color-0" tabindex="-1" role="img" aria-label="Home Internet Services, 20.735785953177256. call_distribution_series_ext-205." style="outline: none;"></path><path fill="#478dcb" d="M 483.5 57.5 L 660.5 57.5 A 3 3 0 0 1 663.5 60.5 L 663.5 530.5 A 0 0 0 0 1 663.5 530.5 L 480.5 530.5 A 0 0 0 0 1 480.5 530.5 L 480.5 60.5 A 3 3 0 0 1 483.5 57.5 Z" stroke="#ffffff" stroke-width="1" opacity="1" filter="none" class="highcharts-point highcharts-color-0" tabindex="-1" role="img" aria-label="Billing Issues, 19.607023411371237. call_distribution_series_ext-205." style="outline: none;"></path><path fill="#478dcb" d="M 864.5 62.5 L 1041.5 62.5 A 3 3 0 0 1 1044.5 65.5 L 1044.5 530.5 A 0 0 0 0 1 1044.5 530.5 L 861.5 530.5 A 0 0 0 0 1 861.5 530.5 L 861.5 65.5 A 3 3 0 0 1 864.5 62.5 Z" stroke="#ffffff" stroke-width="1" opacity="1" filter="none" class="highcharts-point highcharts-color-0" tabindex="-1" role="img" aria-label="bill[1], 19.418896321070235. call_distribution_series_ext-205." style="outline: none;"></path></g><g class="highcharts-markers highcharts-series-0 highcharts-column-series highcharts-color-0" data-z-index="5" opacity="1" transform="translate(47,13) scale(1 1)" clip-path="none" aria-hidden="true"></g></g><text x="600" text-anchor="middle" class="highcharts-title" data-z-index="4" style="font-size: 1.2em; color: rgb(51, 51, 51); font-weight: bold; fill: rgb(51, 51, 51);" y="25" aria-hidden="true"></text><text x="600" text-anchor="middle" class="highcharts-subtitle" data-z-index="4" style="color: rgb(102, 102, 102); font-size: 0.8em; font-weight: bold; fill: rgb(102, 102, 102);" y="310" aria-hidden="true"></text><text x="10" text-anchor="start" class="highcharts-caption" data-z-index="4" style="color: rgb(102, 102, 102); font-size: 0.8em; fill: rgb(102, 102, 102);" y="597" aria-hidden="true"></text><g class="highcharts-axis-labels highcharts-xaxis-labels" data-z-index="7" aria-hidden="true"><text x="237.5" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; white-space: nowrap; font-family: verdana; fill: rgb(51, 51, 51);" text-anchor="middle" transform="translate(0,0)" y="569" opacity="1">Home<tspan class="highcharts-br" dy="14" x="237.5">​</tspan>Intern...</text><text x="618.5" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; white-space: nowrap; font-family: verdana; fill: rgb(51, 51, 51);" text-anchor="middle" transform="translate(0,0)" y="569" opacity="1">Billing<tspan class="highcharts-br" dy="14" x="618.5">​</tspan>Issues</text><text x="999.5" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; white-space: nowrap; font-family: verdana; fill: rgb(51, 51, 51);" text-anchor="middle" transform="translate(0,0)" y="569" opacity="1">bill[1]</text></g><g class="highcharts-axis-labels highcharts-xaxis-labels" data-z-index="7" aria-hidden="true"></g><g class="highcharts-axis-labels highcharts-yaxis-labels" data-z-index="7" aria-hidden="true"><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="548" opacity="1">0%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="500" opacity="1">2%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="452" opacity="1">4%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="403" opacity="1">6%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="355" opacity="1">8%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="307" opacity="1">10%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="259" opacity="1">12%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="211" opacity="1">14%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="163" opacity="1">16%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="114" opacity="1">18%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="66" opacity="1">20%</text><text x="32" style="color: rgb(51, 51, 51); cursor: default; font-size: 11px; fill: rgb(51, 51, 51);" text-anchor="end" transform="translate(0,0)" y="18" opacity="1">22%</text></g></svg>'
the way im using exportChart:

Code: Select all

this.chart.exportChart(
                {
                    type: "image/png",
                    filename: fileName,
                    width: 1200,
                    scale: 2
                },
                {
                   chart: {
                   width: 1200,
                   height: 600
            }
        }
            );
what can cause it? how can i fix it?
jakub.s
Site Moderator
Posts: 1378
Joined: Fri Dec 16, 2022 11:45 am

Re: highcharts-br on long label splits the term wrong

Hi,

Thanks for the question!

Please create a minimal reproducible example. Only then will I be able to investigate this issue further and potentially offer a sensible solution.

You could start from one of the demos available here: https://www.highcharts.com/demo

I'll be waiting for your response.

Best regards!
Jakub
Highcharts Developer

Return to “Highcharts Stock”