2013-05-12 37 views
0

我有下面的图表我想用C#Telerik的HTML 5图表ASP.net

  1. 如何设置见下表x轴的传说不低于轴,因为它overlaping线设置两件事情?
  2. 我在设置工具提示不是像这样“{0} Sentiment - {1} Volume”?

private void FillChart(IEnumerable<EntitySearchResponse> data) 
    { 
     SentimentChart.ChartTitle.Text = "Sentemants Per day"; 

     SentimentChart.PlotArea.YAxis.TitleAppearance.Text = "Sentimants %"; 


     SentimentChart.PlotArea.XAxis.LabelsAppearance.RotationAngle = 90; 
     SentimentChart.PlotArea.XAxis.Step = 10; 
     SentimentChart.PlotArea.XAxis.Items.Clear(); 

     foreach (var date in data.Select(x => x.Date).Distinct()) 
     { 
      var axisItem = new AxisItem(date.ToString("ddd dd")); 
      SentimentChart.PlotArea.XAxis.Items.Add(axisItem); 
     } 

     SentimentChart.DataSource = data; 

     SentimentChart.PlotArea.Series.Clear(); 

     foreach (var entityName in data.Select(x => x.EntityName).Distinct()) 
     { 
      var series = new ColumnSeries(); 
      series.LabelsAppearance.DataFormatString = "{0} items"; 
      series.TooltipsAppearance.DataFormatString = "{0} {2} items"; 
      series.Name = entityName; 

      var items = data.Where(x => x.EntityName == entityName).ToList(); 
      foreach (var entitySearchResponse in items) 
      { 
       var seriesItem = new SeriesItem(entitySearchResponse.Sentiment); 
       seriesItem.TooltipValue = string.Format("{0} Sentiment - {1} Volume", entitySearchResponse.Sentiment, 
                 entitySearchResponse.Volume); 
       series.Items.Add(seriesItem); 
      } 
      SentimentChart.PlotArea.Series.Add(series); 
     } 

    } 

enter image description here

回答

0

我想通过x轴的传说,你的意思是图表的X轴标签。如果是这样,那么在XAxis中由LabelsAppearance元素公开的TextStyle属性可让您为这些标签设置边距/填充。有关该酒店的更多信息,请访问here

但是,设置此属性会减小图表的绘图区域,以适应设置的图表尺寸。因此你需要修改它们(图表的宽度/高度)。

关于工具提示的外观,请注意,您无法为单个SeriesItem设置工具提示。例外是公开此类ToolTipValue属性的BubbleSeries。我可以建议你使用图表的ClientTemplate功能。但是,该功能需要图表为数据绑定。因此,您可以直接将图表绑定到数据源,也可以重新创建当前的逻辑,以便有可用于数据绑定的数据源。你可以找到有用的这个demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/clienttemplates/defaultcs.aspx在线演示和这个www.telerik.com/help/aspnet-ajax/htmlchart-client-templates-for- tooltips-and-labels.html有关使用ClientTemplates的帮助文章。