Как получить эту диаграмму в элементе управления диаграммой ASP.NET? - PullRequest
Новая
       33

Как получить эту диаграмму в элементе управления диаграммой ASP.NET?

0 голосов
/ 27 февраля 2011

Какой тип диаграммы или какие свойства я должен установить в элементе управления диаграммы ASP.NET 4.0, чтобы получить что-то вроде этого:

Chart

Ответы [ 3 ]

4 голосов
/ 27 февраля 2011

Это не на 100% идентично, но это настолько близко, насколько я понимаю 

<asp:Chart ID="Chart1" runat="server" Height="250px" Width="650px">
        <Series>
            <asp:Series Name="Series1" BorderColor="0, 119, 204" BorderDashStyle="Dash" BorderWidth="3"
                ChartType="Area" Color="230, 242, 250" MarkerColor="0, 119, 204" MarkerStyle="Circle"
                XValueType="Date">
            </asp:Series>
        </Series>
        <ChartAreas>
            <asp:ChartArea Name="ChartArea1">
                <AxisY LineColor="LightGray">
                    <MajorGrid LineColor="LightGray" />
                    <MajorTickMark Enabled="False" />
                    <LabelStyle ForeColor="LightGray" />
                </AxisY>
                <AxisX Interval="7" IsLabelAutoFit="False" LineColor="LightGray" Title="Week" TitleFont="Microsoft Sans Serif, 8pt, style=Bold"
                    IsMarginVisible="false">
                    <MajorGrid LineColor="LightGray" />
                    <MajorTickMark Enabled="False" />
                    <LabelStyle ForeColor="85, 162, 215" Format="{0:dd MMM}" />
                </AxisX>
            </asp:ChartArea>
        </ChartAreas>
    </asp:Chart>

Некоторые фиктивные данные 

    Dim random = New Random()
    For index = 1 To 50
        Chart1.Series("Series1").Points.AddY(random.Next(5, 10))
    Next
2 голосов
/ 27 февраля 2011

Если вы ищете линейный график, есть несколько примеров из демо «Типы графиков-> Расширенные финансовые графики» http://www.scottgu.com/blogposts/chart/step3.png Этот блог содержит много информации об осине.Контроль карт, а также ссылки на скачивание документации.

1 голос
/ 27 февраля 2011

У Google есть Flash-приложение для этого графика.Вы можете добавить приложение Silverlight с диаграммой.

Ознакомьтесь с руководством Стилизация диаграммы Silverlight .Он показывает шаг за шагом, как стилизовать диаграмму Silverlight, чтобы иметь стиль "Googlish".

...