在高图表中,如何在xAxis上显示y轴值?

时间:2014-03-14 15:35:29

标签: c# highcharts

.SetXAxis(new XAxis
     {
         Categories = xyzList.ToArray(),
         Labels = new XAxisLabels
         {
             //  Formatter = "function() { return this.labels; }",
             Style = "color: 'Black',fontSize: '10px',fontFamily: 'Arial'",
             UseHTML = true,
             //formatter with image is 
             Formatter = "function() { return '<div class=\"ImageDiv\" style=\"height:25px; background-image:url(../../Themes/Images/'+ this.value+'.jpg)\"/>';}",
            // Formatter = "function() { return this.y;}",

         }

     })

我想在xAsix中显示YAxis值但显示未定义。  如何在XAXis上访问YAxis值?

enter image description here

1 个答案:

答案 0 :(得分:1)

答案取决于您使用的数据格式。可能的解决方案:http://jsfiddle.net/3bQne/1036/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['01/02/2012', '01/03/2012', '01/04/2012', '01/05/2012', '01/06/2012', '01/07/2012'],
        labels: {
            formatter: function () {
                var index = this.axis.categories.indexOf(this.value);
                var points = this.axis.series[0].options.data;
                return points[index];
            }
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
});