Annotation shows up in render but not in chart-maker viewer

[dharmatech]

Hello!

Here’s a sample render:

If I view the same ID via the chart-maker viewer:

https://quickchart.io/chart-maker/view/sf-f0d7ed55-9c3a-459c-846d-5b29fd0f3cf7

note that the horizontal line annotation does not appear:

Is there a way to get the annotation to appear in the chart-maker viewer?

Thank you!

Ed

[dharmatech]

I tried to post an update but I got the following message:

[dharmatech]

So here’s the post as a screenshot.

[ian]

Hey @dharmatech,

The Chart Maker names its axes X1, Y1, and Y2. That means you can create annotations by naming the yAxes object and set scaleID in the annotation:

    scales: {
      yAxes: [{
        id: 'Y1',
      }],
    },
    annotation: {
      annotations: [
        {
          value: 3.75,
          scaleID: 'Y1',
          borderWidth: 4,
          type: 'line',
          label: {
            content: 'EFFR low',
            enabled: true,
          },
          mode: 'horizontal',
          borderColor: 'red',
        },
      ],
    },

Here’s an example that displays properly in image form as well as the chart maker:

Image: https://quickchart.io/chart/render/sf-06d9d2c9-10d0-4e16-89a9-4d89bbb9e520

Chart Maker: No-Code Chart Maker

Hope this helps!

[dharmatech]

@ian ,

Works perfectly. Thank you!

Here’s the full PowerShell script for anyone who’s curious:

dharmatech/usts-yield-curve.ps1/blob/8aabbbd8cbda307fc470323b89d7fb472fea3f0b/usts-yield-curve.ps1

The resulting output:

Link to the chart:

No-Code Chart Maker