如何在System.Web.UI.DataVisualization.Chart中使用透明度

Question

我正在为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区域的顶部。为了避免中断渐变，我希望图表的背景区域是透明的。如果我将第4行从BackColor="White"更改为BackColor="Transparent"，我的所有字体都会变为粗体并失去抗锯齿效果。请参见下文（图表位于灰色div）：

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

Answer 1

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

<asp:Chart
  ID="chart" 
  runat="server"
  Height="300px" 
  Width="300px"
  BackColor="Transparent"
  ImageStorageMode="UseHttpHandler" 
  AntiAliasing="Graphics">