Telerik HTML 5 图表 ASP.net答案

【问题标题】：Telerik HTML 5 Chart ASP.netTelerik HTML 5 图表 ASP.net
【发布时间】：2013-05-12 02:05:28
【问题描述】：

我有下面的图表我想用 C# 设置两件事

如何将 x 轴图例设置在图表下方而不是轴下方，因为它与线重叠？
我正在设置的工具提示没有显示为“{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);
        }

    }

【问题讨论】：

标签： asp.net html telerik telerik-charting

【解决方案1】：

我猜你所说的 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 的帮助文章。

【讨论】：