グラフのY軸の順序を変更 | CURL DEVELOPER CENTER

【ご質問】
LayeredChartで表示されるY軸はデフォルトでは左下が起点となっていますが、
左上に変更することは可能でしょうか。
Y軸の値の順序を上から下に並べ替えたいと思っています。

【回答】
LayeredChartで軸に表示されている目盛りの値の順番を変える方法として、
表を回転させる方法が考えられます。

まず、”right-axis-parent”および”bottom-axis-parent”の表示ラベルを180度回転させます。
さらに、LayeredChartクラスに対して180度回転させることで実現可能です。

詳細は以下のサンプルをご参照ください。

{curl 6.0,7.0,8.0 applet}
{curl-file-attributes character-encoding = “shift-jis”}

{import * from CURL.GUI.CHARTS}

{let record-set:RecordSet =
    {RecordSet
        {RecordFields
            {RecordField “Name”, domain = String},
            {RecordField “Age”, domain = int}
        },
        {RecordData Name = “AAA”, Age = 12},
        {RecordData Name = “BBB”, Age = 21},
        {RecordData Name = “CCC”, Age = 43},
        {RecordData Name = “DDD”, Age = 22}
    }
}

||レコードを降順にソートする。
{let record-view:RecordView = {RecordView
                                              record-set,
                                               sort = “Name DESC”
                                            }
}

{let bar-layer:BarLayer =
    {BarLayer
        record-set,
        “Age”,
        x-axis-data = {ChartDataSeries record-view, “Name”}
    }
}

{let chart:LayeredChart =
    {LayeredChart
        ||回転させる
        translation = {Distance2d 4in, 3.8in},
        width = 10cm,
        height = 10cm,
        right-axis = {{NumericDataSeriesAxis-of double}
                         {ChartDataSeries record-set, “Age”}
                         },
        ||右軸のラベルを180度回転させる
        right-axis-parent =
            {ShapeGroup
                tick-label-rotation = 180deg
            },
        ||下軸のラベルを180度回転させる
        bottom-axis-parent =
            {ShapeGroup
                tick-label-rotation = 180deg
            },
        bar-layer
    }
}

||表全体を180度回転させる
{chart.apply-rotation 180deg}

{View
    chart,
    visibility = “normal”,
    {on WindowClose do
        {exit}
    }
}