0

このグラフがあります。グリッドがあり、このグラフを各行に挿入したいと思います。問題は、左側に小さな線があることがわかるように、この線がグラフの軸であるように見えることです。視覚的な側面だけでなく、軸によってグリッドセルの高さが高くなるため、削除する必要があります。

前もって感謝します!

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="min-width: 400px; height: 100px; margin: 0 auto"></div>
    ​
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            backgroundColor: null,
            renderTo: 'container',
            type: 'bar',
        },
        title: {
            text: ''
        },
        xAxis: {
            gridLineWidth: 0,
            enabled: false,
            categories: [''],
            labels: {
                enabled: false
            }
        },
        yAxis: {
            enabled: false,
            gridLineWidth: 0,
            lineWidth: 0,
            min: 0,
            title: {
                text: ''
            },
            labels: {
                enabled: false
            }
        },
        legend: {
            enabled: false,
        },
        tooltip: {
            formatter: function() {
                return ''+
                    this.series.name +': '+ this.y +'';
            }
        },
        credits: 
        {
            enabled: false,
            position: 
            {
                align: 'left',
                x: 10
            }
        },
        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },
        series: [ {
            name: 'Clicks',
            data: [2]
        }, {
            name: 'Distributed Points',
            data: [3]
        }],
        exporting: 
        {
            enabled: false
        }
    });
});
​

</ p>

4

1 に答える 1

1

これはあなたが求めているものですか? ここに画像の説明を入力

xAxis を設定しlineWidth: 0、プロットが描画された後:

$('.highcharts-axis').css('display','none');

編集:

も設定tickWidth: 0すると、CSS 呼び出しを使用せずに軸線のすべてのトレースを削除できます。

ここでフィドルを復活させました。

于 2012-06-02T00:33:18.647 に答える