scichart.js chart not working with safari (13.0.4)

[puremood2002]

Hi

With same app I created with scichart (the repository I shared with you), it works with Chrome but in safari all charts are black squares (all charts have white background). Your system requirement seems to indicate safari 13.0+ is supported?

Please advise, thanks.

[klishevich]

I just tried it in Safari 14.0 and it seems to work. However there is an issue with the watermark. We are investigating it.

[puremood2002]

Thanks, my safari version is 13, I think your website says 13 is supported?

On Wed, Nov 4, 2020, 6:30 AM Michael Klishevich notifications@github.com wrote:

I just tried it in Safari 14.0 and it seems to work. However there is an issue with the watermark. We are investigating it.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/ABTSoftware/SciChart.JS.Examples/issues/13#issuecomment-721678633, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA2HZBR45TTWBBTFY7S54HLSOE3O5ANCNFSM4TJNPQPQ .

[puremood2002]

Hi I am using example code for candle chart, the x-axil is category axil, I am using the same data as in example, my chart is smaller than example, the xaxil labels are all jumbled up, could you please let me know how to fix it? thanks - here is a screen shot of my chart

[image: image.png]

On Wed, Nov 4, 2020 at 11:04 AM sally an an.sally@gmail.com wrote:

Thanks, my safari version is 13, I think your website says 13 is supported?

On Wed, Nov 4, 2020, 6:30 AM Michael Klishevich notifications@github.com wrote:

I just tried it in Safari 14.0 and it seems to work. However there is an issue with the watermark. We are investigating it.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/ABTSoftware/SciChart.JS.Examples/issues/13#issuecomment-721678633, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA2HZBR45TTWBBTFY7S54HLSOE3O5ANCNFSM4TJNPQPQ .

--

╭(╯o╰)╮♫♫♫♫♫

[klishevich]

In order to prevent labels overlapping you can use on of the options:

• set numeric format, for instance xAxis.labelProvider.numericFormat = ENumericFormat.Decimal_0 or xAxis.labelProvider.numericFormat = ENumericFormat.Date_DDMM for dates
• specify max number of ticks xAxis.maxAutoTicks = 10
• specify you custom function to display only days, like this

  xAxis.labelProvider.formatLabel = (unixTimestamp) => {
  const day =  new Date(unixTimestamp * 1000).toLocaleDateString("en-GB", {
  day: "numeric"
  });
  return `${day}d`
  }

[puremood2002]

thanks I'll try it

On Wed, Nov 4, 2020 at 1:05 PM Michael Klishevich notifications@github.com wrote:

In order to prevent labels overlapping you can use on of the options:

• set numeric format, for instance xAxis.labelProvider.numericFormat = ENumericFormat.Decimal_0 or xAxis.labelProvider.numericFormat = ENumericFormat.Date_DDMM for dates
• specify max number of ticks xAxis.maxAutoTicks = 10
• specify you custom function to display only days, like this

xAxis.labelProvider.formatLabel = (unixTimestamp) => { const day = new Date(unixTimestamp * 1000).toLocaleDateString("en-GB", { day: "numeric" }); return ${day}d }

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/ABTSoftware/SciChart.JS.Examples/issues/13#issuecomment-721887934, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA2HZBQRNQLC443HWFQJ2ILSOGJWXANCNFSM4TJNPQPQ .

--

╭(╯o╰)╮♫♫♫♫♫

[puremood2002]

please see attached screenshot - for safari 13 scichart.js not showing any chart, thanks.

[puremood2002]

Hi

I used your advice for label display, now it looks like "1d, 15d, 7d" etc, they look pretty confusing to me .. Also I see my other charts with numeric x-label has same issue, I am attaching the screenshot here. Please advise, thanks.

On Thu, Nov 5, 2020 at 11:18 AM sally an an.sally@gmail.com wrote:

thanks I'll try it

On Wed, Nov 4, 2020 at 1:05 PM Michael Klishevich < notifications@github.com> wrote:

In order to prevent labels overlapping you can use on of the options:

• set numeric format, for instance xAxis.labelProvider.numericFormat = ENumericFormat.Decimal_0 or xAxis.labelProvider.numericFormat = ENumericFormat.Date_DDMM for dates
• specify max number of ticks xAxis.maxAutoTicks = 10
• specify you custom function to display only days, like this

xAxis.labelProvider.formatLabel = (unixTimestamp) => { const day = new Date(unixTimestamp * 1000).toLocaleDateString("en-GB", { day: "numeric" }); return ${day}d }

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/ABTSoftware/SciChart.JS.Examples/issues/13#issuecomment-721887934, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA2HZBQRNQLC443HWFQJ2ILSOGJWXANCNFSM4TJNPQPQ .

--

╭(╯o╰)╮♫♫♫♫♫

--

╭(╯o╰)╮♫♫♫♫♫

[klishevich]

@puremood2002 could you please right click "inspect element" in Safari and open "console" there should be some error. Please attach the screenshot with the error.

As about labels there are three options as I described above: numericFormat, maxAutoTicks and formatLabel. Feel free to choose the one that suits best. For formatLabel you can use any function that accepts unixTimestamp and returns a string.

[puremood2002]

Please see attached screenshot, thanks for your help.

On Fri, Nov 6, 2020 at 9:34 AM Michael Klishevich notifications@github.com wrote:

@puremood2002 https://github.com/puremood2002 could you please right click "inspect element" in Safari and open "console" there should be some error. Please attach the screenshot with the error.

As about labels there are three options as I described above: numericFormat, maxAutoTicks and formatLabel. Feel free to choose the one that suits best. For formatLabel you can use any function that accepts unixTimestamp and returns a string.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/ABTSoftware/SciChart.JS.Examples/issues/13#issuecomment-723112210, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA2HZBWOYPBVYLLDXU675RLSOQCO7ANCNFSM4TJNPQPQ .

--

╭(╯o╰)╮♫♫♫♫♫

[klishevich]

@puremood2002 sadly I do not see any screenshots :(

[puremood2002]

[puremood2002]

I just added the image again, please try thanks.

[puremood2002]

I just added there again

On Fri, Nov 6, 2020 at 2:28 PM Michael Klishevich notifications@github.com wrote:

@puremood2002 https://github.com/puremood2002 sadly I do not see any screenshots :(

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/ABTSoftware/SciChart.JS.Examples/issues/13#issuecomment-723258499, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA2HZBVB4UPPDMT6S2ZYDQDSORE43ANCNFSM4TJNPQPQ .

--

╭(╯o╰)╮♫♫♫♫♫

[puremood2002]

Hello

I am trying to use option #1, but not sure how to import ENumericFormat? Thanks

On Wed, Nov 4, 2020 at 1:05 PM Michael Klishevich notifications@github.com wrote:

In order to prevent labels overlapping you can use on of the options:

• set numeric format, for instance xAxis.labelProvider.numericFormat = ENumericFormat.Decimal_0 or xAxis.labelProvider.numericFormat = ENumericFormat.Date_DDMM for dates
• specify max number of ticks xAxis.maxAutoTicks = 10
• specify you custom function to display only days, like this

xAxis.labelProvider.formatLabel = (unixTimestamp) => { const day = new Date(unixTimestamp * 1000).toLocaleDateString("en-GB", { day: "numeric" }); return ${day}d }

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/ABTSoftware/SciChart.JS.Examples/issues/13#issuecomment-721887934, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA2HZBQRNQLC443HWFQJ2ILSOGJWXANCNFSM4TJNPQPQ .

--

╭(╯o╰)╮♫♫♫♫♫

[puremood2002]

never mind I found it

On Tue, Nov 10, 2020 at 9:09 AM sally an an.sally@gmail.com wrote:

Hello

I am trying to use option #1, but not sure how to import ENumericFormat? Thanks

On Wed, Nov 4, 2020 at 1:05 PM Michael Klishevich < notifications@github.com> wrote:

In order to prevent labels overlapping you can use on of the options:

• set numeric format, for instance xAxis.labelProvider.numericFormat = ENumericFormat.Decimal_0 or xAxis.labelProvider.numericFormat = ENumericFormat.Date_DDMM for dates
• specify max number of ticks xAxis.maxAutoTicks = 10
• specify you custom function to display only days, like this

xAxis.labelProvider.formatLabel = (unixTimestamp) => { const day = new Date(unixTimestamp * 1000).toLocaleDateString("en-GB", { day: "numeric" }); return ${day}d }

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/ABTSoftware/SciChart.JS.Examples/issues/13#issuecomment-721887934, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA2HZBQRNQLC443HWFQJ2ILSOGJWXANCNFSM4TJNPQPQ .

--

╭(╯o╰)╮♫♫♫♫♫

--

╭(╯o╰)╮♫♫♫♫♫

[andyb1979]

Hi @puremood2002 , is this issue still active? We cannot reproduce any issues in Safari in our demo site at demo.scichart.com

If you still require assistance, please send us a small demo project that reproduces the issue and our team will be glad to investigate.

By the way, did you know there's a new forum over at scichart.com/questions where you can post Q's directly to our team?

Best regards, Andrew