# Link modes: none / category / angle / map (Radial Column example)

> WestCoast Charts 1.1.5, release, public Core release, on npm. HTML: https://westcoast-charts.com/gallery/radial-column/multi-modes/ · Index for agents: https://westcoast-charts.com/llms.txt

The same chart under each link mode. none: independent rings. category: segments link the months named like them. angle: the months under their angle span. map: an explicit mapping, here a fiscal year that starts in April (Q1 → Apr–Jun).

- Chart type: `radialColumn` (Radial Column)
- Collection: Radial Column · Radial Column · Linked layers
- Raw configuration: https://westcoast-charts.com/gallery-src/radial-column/multi-modes.js
- Standalone example: https://westcoast-charts.com/embed/samples/wcc/premium/radial-column.html?only=multi-modes

## Setup

```js
import WestCoastCharts from 'west-coast-charts'
import premium from 'west-coast-charts/premium'

WestCoastCharts.use(premium)
const WestCoastChartsPremium = premium
WestCoastCharts.setLicenseKey(LICENCE_KEY) // paid production licence; localhost evaluation needs no key
```

## Options

```js
const options = {
  "chart": {
    "type": "radialColumn",
    "height": 500,
    "toolbar": {
      "show": false
    }
  },
  "series": [
    {
      "name": "Revenue",
      "data": [
        42,
        38,
        51,
        47,
        55,
        61,
        58,
        66,
        72,
        69,
        78,
        84
      ]
    }
  ],
  "xaxis": {
    "categories": [
      "Jan",
      "Feb",
      "Mar",
      "Apr",
      "May",
      "Jun",
      "Jul",
      "Aug",
      "Sep",
      "Oct",
      "Nov",
      "Dec"
    ]
  },
  "plotOptions": {
    "radialColumn": {
      "link": {
        "mode": "map",
        "map": (s) => (s.depth === 0 ? range(0, 3).map((k) => (+s.name.slice(1) * 3 + k) % 12) : [(months.indexOf(s.name) + 3) % 12]),
        "unit": "months"
      },
      "fill": {
        "type": "value",
        "stops": [
          "#3b82f6",
          "#8b5cf6",
          "#d946ef"
        ]
      },
      "layers": [
        {
          "type": "sunburst",
          "name": "Calendar",
          "data": [
            {
              "x": "Q1",
              "children": [
                {
                  "x": "Jan",
                  "y": 42
                },
                {
                  "x": "Feb",
                  "y": 38
                },
                {
                  "x": "Mar",
                  "y": 51
                }
              ]
            },
            {
              "x": "Q2",
              "children": [
                {
                  "x": "Apr",
                  "y": 47
                },
                {
                  "x": "May",
                  "y": 55
                },
                {
                  "x": "Jun",
                  "y": 61
                }
              ]
            },
            {
              "x": "Q3",
              "children": [
                {
                  "x": "Jul",
                  "y": 58
                },
                {
                  "x": "Aug",
                  "y": 66
                },
                {
                  "x": "Sep",
                  "y": 72
                }
              ]
            },
            {
              "x": "Q4",
              "children": [
                {
                  "x": "Oct",
                  "y": 69
                },
                {
                  "x": "Nov",
                  "y": 78
                },
                {
                  "x": "Dec",
                  "y": 84
                }
              ]
            }
          ]
        }
      ]
    }
  }
}

const chart = new WestCoastCharts(document.querySelector('#chart'), options)
await chart.render()
```

## Verify

- Text check (Library 1.1.5): load `west-coast-charts/agent/describe` and call `chart.describe({ format: "json" })` for the actual drawn state. The live reader is on this example’s HTML page.
- Command line (Public agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm, https://westcoast-charts.com/docs/cli/index.md): `wcc chart export radial-column-multi-modes.json --out radial-column-multi-modes.svg --with-table` (save the options above as JSON first)