2

我正在为 ASP.NET 4.0 Web 表单上的报告设计一个简单的图表。我面临一个问题，如果我使用任何透明度，图表似乎会破坏字体。考虑下面的例子：

<asp:Chart
  ID="chart" runat="server"
  Height="300px" Width="300px"
  BackColor="White"
  ImageStorageMode="UseHttpHandler">
  <Titles>
    <asp:Title Name="title" Text="Results" />
  </Titles>
  <Legends>
    <asp:Legend
      Name="Default"
      Docking="Top"
      LegendStyle="Column"
      BackColor="Transparent"
      Title="Legend"
      Font="Segoe UI, 10.25pt, style=Regular"
      TitleFont="Segoe UI, 12pt, style=Regular">
    </asp:Legend>
  </Legends>
  <Series>
    <asp:Series
      Name="Default"
      ChartType="Pie"
      CustomProperties="PieDrawingStyle=Concave,PieLabelStyle=Disabled"
      IsValueShownAsLabel="False">
      <Points>
        <asp:DataPoint Label="Argentina" YValues="5" />
        <asp:DataPoint Label="Italy" YValues="8" />
        <asp:DataPoint Label="Portugal" YValues="12" />
        <asp:DataPoint Label="China" YValues="45" />
        <asp:DataPoint Label="United States" YValues="32" />
      </Points>
    </asp:Series>
  </Series>
  <ChartAreas>
    <asp:ChartArea Name="area" BackColor="Transparent" />
  </ChartAreas>
</asp:Chart>

为了演示，我在此示例中对数据点进行了硬编码。不需要代码隐藏。我的应用程序具有正确配置appSettings和system.webServer/modules条目。请注意，图例的字体样式已明确设置为Regular.

这将产生以下图表：

白色背景图表

好的。现在解决问题。我们要求图表位于具有渐变背景的 HTML 区域之上。为了避免中断渐变，我希望图表的背景区域是透明的。如果我将第四行从 更改BackColor="White"为BackColor="Transparent"，我的所有字体都会变为粗体并失去抗锯齿功能。见下文（图表位于灰色div）：

透明背景图表

这是图表控件的限制吗？我可以制作一个具有透明背景的图表并且仍然具有优美的字体，还是应该考虑其他选项（例如，探索其他图表框架或修改要求）？

4

1 回答 1

2

将 AntiAliasing 属性设置为 Graphics 并检查它。我已经尝试了我的曲线图及其工作。

<asp:Chart
  ID="chart" 
  runat="server"
  Height="300px" 
  Width="300px"
  BackColor="Transparent"
  ImageStorageMode="UseHttpHandler" 
  AntiAliasing="Graphics">
于 2013-10-17T10:15:06.800 回答