1

剣道 UI 棒グラフのリンクは次のとおりです: http://jsfiddle.net/nayanaklkur/ZPUr4/119/

フィドルの例では、X 軸は「0」です。軸を Y 軸の上または下に移動するにはどうすればよいですか? X軸を「y」値10にしたいとしますか? これはどのように行うことができますか？

同じコード:

HTML コード:

    <div id="example" class="k-content">
    <div id="chart"></div>
</div>

Javascript コード:

function createChart() {
        $("#chart").kendoChart({
            title: {
                text: "Site Visitors"
            },
            legend: {
                position: "bottom"
            },
            seriesDefaults: {
                type: "column",
                labels: {
                    visible: true,
                    background: "transparent",

                }
            },
            series: [{
                name: "Total Visits",
                data: series1,
                gap: 1.0,
                spacing: 0
            }, {
                name: "Unique visitors",
                data: series2,
                gap: 1.0
            }],
            valueAxis: {
                line: {
                    visible: false
                },
                title: {
                    text: "Availability"
                }
            },
            categoryAxis: {
                majorGridLines: {
                    visible: true,
                    position: "bottom"
                }
            },
            tooltip: {
                visible: true,
                format: "{0}"
            }
        });
    }

var series1=[56000, 63000, 74000, 91000, 117000, 158000];
var series2= [-52000, 34000, 23000, -98000, 67000, 83000];

    $(document).ready(function () {
        createChart();

        $("#example").bind("kendo:skinChange", createChart);

        var chart = $("#chart").data("kendoChart"),
            firstSeries = chart.options.series;
    });

前もって感謝します。

4

1 に答える 1

3

10 に設定valueAxis.min:

        valueAxis: {
            min: 10,
            line: {
                visible: false
            },
            title: {
                text: "Availability"
            }
        },

ここで変更された JSFiddle: http://jsfiddle.net/OnaBai/ZPUr4/120/

編集：軸が特定の値で交差するようにしたい場合は、そのvalueAxis.axisCrossingValue値に設定します。

例：

    valueAxis: {
        axisCrossingValue: -50000, 
        line: { visible: false },
        title: { text: "Availability" },
    },

そして、JSFiddle はhttp://jsfiddle.net/OnaBai/ZPUr4/126/を変更しました

于 2014-05-20T10:40:58.120 に答える