2012-07-30 5 views
0

highcharts.dll을 사용하여 기둥 형 차트를 그립니다. 나는 차트 가치와 그들의 단위를 보여주고 싶다. (예 : "Deisel 521452.30 liters"또는 "Electric 5124.60 units")단위가있는 하이 차트 값

답변

0

포맷터를 사용해야합니다.

Formatter = "function() { return 'Electricity <b>'+ this.point.value +'</b> units'; }" 

예 : -

Highcharts chart = new Highcharts("ColumnChart") 
      .InitChart(new Chart { DefaultSeriesType = ChartTypes.Column }) 
      .SetTitle(new Title { Text = "Monthly Average Rainfall" }) 
      .SetSubtitle(new Subtitle { Text = "Source: WorldClimate.com" }) 
      .SetXAxis(new XAxis { Categories = new[] { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" } }) 
      .SetYAxis(new YAxis 
         { 
          Min = 0, 
          Title = new YAxisTitle { Text = "Rainfall (mm)" } 
         }) 
      .SetLegend(new Legend 
         { 
          Layout = Layouts.Vertical, 
          Align = HorizontalAligns.Left, 
          VerticalAlign = VerticalAligns.Top, 
          X = 100, 
          Y = 70, 
          Floating = true, 
          BackgroundColor = ColorTranslator.FromHtml("#FFFFFF"), 
          Shadow = true 
         }) 
      .SetTooltip(new Tooltip { Formatter = @"function() { return ''+ this.x +': '+ this.y +' mm'; }" }) 
      .SetPlotOptions(new PlotOptions 
          { 
           Column = new PlotOptionsColumn 
             { 
              PointPadding = 0.2, 
              BorderWidth = 0 
             } 
          }) 
      .SetSeries(new[] 
         { 
          new Series { Name = "Tokyo", Data = new Data(new object[] { 49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4 }) }, 
          new Series { Name = "London", Data = new Data(new object[] { 48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2 }) }, 
          new Series { Name = "New York", Data = new Data(new object[] { 83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3 }) }, 
          new Series { Name = "Berlin", Data = new Data(new object[] { 42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1 }) } 
         }); 

     return View(chart);