1

次のようなチャートがあります。

「ödmjukhet」、「engagemang」など、バーの下にあるテキストを削除したいのですが、ユーザーがバーの上にカーソルを置いたときに、ラベルにカテゴリ名を表示したいのです。これどうやってするの？

これはC#の私のコードです

        Highcharts chart1 = new Highcharts("Chart")
        .SetXAxis(new XAxis { Categories = averageGrades.Select(averageGrade => averageGrade.CoreValue.Name).ToArray(), })
        .SetYAxis(new YAxis { Min = 0, Max = 10, TickInterval = 1, Title = new YAxisTitle { Text = "Betygskalan" } })
        .SetSeries(new Series { Data = data, Name = "Snittbetyg" })
        .SetLegend(new Legend { Enabled = false, Layout = Layouts.Horizontal})
        .SetTitle(new Title { Text = "" })
        .InitChart(new Chart { DefaultSeriesType = ChartTypes.Column, Height = 300, Width = 200});

そして、これはjavascript出力コードによるコードです:

var Chart;
$(document).ready(function() {
    Chart = new Highcharts.Chart({
        chart: { renderTo:'Chart_container', defaultSeriesType: 'column', height: 300, width: 200 }, 
        legend: { enabled: false, layout: 'horizontal' }, 
        title: { text: '' }, 
        xAxis: { categories: ['Engagemang', 'Kompetens', 'Lönsamhet', 'Ödmjukhet'] }, 
        yAxis: { max: 10, min: 0, tickInterval: 1, title: { text: 'Betygskalan' } }, 
        series: [{ data: [{ color: '#FF9980', y: 4 }, { color: '#A6FF80', y: 8 }, { color: '#FF9980', y: 3 }, { color: '#A6FF80', y: 9 }], name: 'Snittbetyg' }]
    });
});

前もって感謝します！

4

2 に答える 2

3

削除する

 xAxis: { categories: ['Engagemang', 'Kompetens', 'Lönsamhet', 'Ödmjukhet'] },

あなたのコードから

または、スタイルにクラスを追加します。ホバーを続けたい場合は、DEMOを参照してください 

.highcharts-axis{
    display: none;
}​
于 2012-05-18T12:02:36.227 に答える
0

これを行う最善の方法は、おそらく、xaxis に組み込みのラベル オブジェクトを使用することです。

http://www.highcharts.com/ref/#xAxis-labels--enabled

以下は、Rabの回答のようにスタイルをオーバーライドすることに頼らずにトリックを行う必要があります。API は HTML 形式よりもはるかに固定されているため、これは明らかに好まれます。

xAxis: { 
    categories: ['Engagemang', 'Kompetens', 'Lönsamhet', 'Ödmjukhet'],
    labels: {enabled: false}
},
于 2012-05-23T15:56:44.400 に答える