2

棒グラフの x 軸にカテゴリ ラベルを表示しようとしていますが、これを行う方法がわかりません。HTML と JS は次のとおりです。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="chart"></div>
    <script src="js/thirdParty/jquery.js"></script>
    <script src="js/thirdParty/kendo.all.min.js"></script>
    <script>
        $(function () {
            $("#chart").kendoChart({
                legend: {
                    visible: false
                },
                seriesDefaults: {
                    type: "column"
                },
                series: [{
                    name: "Category A",
                    data: [5]
                }, {
                    name: "Category B",
                    data: [20]
                }, {
                    name: "Category C",
                    data: [10]
                }],
            })
        });
    </script>
</body>
</html>

次のスクリーン ショットでは、ラベルを配置しようとしている赤いボックスが強調表示されています。

ここに画像の説明を入力

どんな助けでも大歓迎です。

4

2 に答える 2

4

あなたの場合、3つのシリーズを提供しました。3 つの異なる X プロット ポイントを使用して 1 つのシリーズを作成するつもりだった場合、正しい方法は次のとおりです。

$("#chart2").kendoChart({
                legend: {
                    visible: true
                },
                seriesDefaults: {
                    type: "column"
                },
                series: [{
                    data: [5,10,20]
                }],
              categoryAxis: [{
        categories: ["Category A", "Category B","Category C"]
      }]

            });

私がやったことは - Xaxis には 3 つのプロット ポイントがあり、シリーズには 3 つの y プロット ポイントを持つ単一の配列データが含まれていると言いました。

ここにJSBinがあります - http://jsbin.com/aroquki/1/edit

お役に立てれば。

于 2013-08-17T19:16:39.970 に答える
2

ほら、この例はあなたの問題を解決します。

JSbin コード

文書剣道チャート

于 2013-08-17T14:05:17.050 に答える