ASP.NET

Good morning, I would like to use the library MORRIS.JS with ASP. Net, I know I must be a JSON object, but not how to do it, someone help me? As an example if I do a query on a database and want to send the data in JSON format so the library becomes MORRIS.JS the graph, can someone give me a simple example? Thanks to this community and sorry my English is not very good, I would say that is bad enough, but I will understand!

Linkt to library http://www.oesmith.co.uk/morris.js/index.html[^]

/*for user code pop-up */
.confirm-dialog .base
{
    BORDER-TOP: #ddd 1px solid;BACKGROUND: url(img/base.png) no-repeat left bottom;
    PADDING-BOTTOM: 4px;MARGIN-LEFT: -11px;MARGIN-RIGHT: -11px;
    PADDING-TOP: 4px;TEXT-ALIGN: center;
}
.modalBackground
{
    background-color:Gray;filter:alpha(opacity=70);opacity:0.7;
}



<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content2" ContentPlaceHolderID="headerContent" runat="server">
<script type="text/javascript">
    function Popup()
{
    var modalPopupBehavior = $find('ModalPopupBehavior1');
    modalPopupBehavior.show();
}
</script>
    <style type="text/css">
        .confirm-dialog
        {
            margin-bottom: 0px;
        }
    </style>

</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="phBody" runat="server">
    <div class="PageDesc">
        <asp:Localize ID="userCodesPageDescr" runat="server" EnableViewState="False"
            meta:resourcekey="userCodesPageDescrResource1" Text="User Codes enable individual users to arm and
        disarm your security system. Check 'Security Panel Access' to give a user local access so they can arm/disarm
        through the system keypad. Uncheck it to remove local access temporarily - the code will still show
        on the website. (Note that user codes must be 4 digits. Codes 0000 and 0001 are not allowed.)"></asp:Localize>
    </div>
    <div class="PageDesc" align="right">
    <asp:LinkButton ID="lbtnRequestUserCode" runat="server" OnClientClick="Popup()"
                                meta:resourcekey="lbtnRequestUserCodeResource1"
             CausesValidation="False">Request Panel User Codes</asp:LinkButton>
    </div>
   <div>

    <asp:Panel ID="confirmPanel" runat="server" BackColor="White" Width="325px"  CssClass="confirm-dialog"
    meta:resourcekey="confirmPanelResource1">
    <div style="background-color: #EEEEEE; font-weight: bold; padding: 5px 5px 5px 5px;">
        <asp:Localize ID="Localize1" runat="server"
            meta:resourceKey="locConfirmDeleteRc1" Text="Request User Codes from Panel"></asp:Localize></div><br />
    <div style="padding: 0px 10px 15px 10px;">
        <asp:Localize ID="Localize2" runat="server"
            meta:resourceKey="ConfirmDeleteTextRc1"
            Text="Are you sure you would like to replace the website user codes with the user codes from the panel?"></asp:Localize> <br /><br />
        <asp:Localize ID="Localize3" runat="server"
            meta:resourceKey="ConfirmDeleteTextRc1"
            Text="&lt;b&gt;Note: Codes uploaded from the panel will overwrite those in the website if they are out of sync.&lt;/b&gt; "></asp:Localize> <br /><br />
       <br /><br />
        <table width="100%">
            <tr>
                <td style="text-align: center;">
                    <asp:Button ID="butConfirmYes" runat="server" Text="Countinue" CssClass="styledbutton"
                        meta:resourcekey="butCountinue_userCode1"  OnClientClick="Popup();"/>
               </td>
                <td>&nbsp;</td>
                <td style="text-align: center;">
                    <asp:Button ID="butCancel" runat="server" Text=" Cancel " CssClass="styledbutton" meta:resourcekey="butCancel_userCode" />
                </td>
            </tr>
        </table>
    </div>
</asp:Panel>
<asp:Panel ID="pnlModal" runat="server">
<ajax:ModalPopupExtender ID="modalPopup" runat="server" BehaviorID="ModalPopupBehavior1"
    CancelControlID="butConfirmNo" OkControlID="butConfirmYes"
    PopupControlID="confirmPanel" TargetControlID="lbtnRequestUserCode"
    DynamicServicePath="" Enabled="True"  BackgroundCssClass="modalBackground" />
 </asp:Panel>
    </div>


    <uc1:UserCodesControl ID="usercodes" runat="server" />

    <asp:Panel ID="pnlCSNote" runat="server" Visible="False" CssClass="PageDesc"
        style="margin-top: 10px" meta:resourcekey="pnlCSNoteResource1">
        <p><span style="font-weight: bold">
                <asp:Localize ID="labelNote" runat="server" EnableViewState="False"
                meta:resourcekey="labelNoteResource1" Text="Note:"></asp:Localize>
           </span>
            <asp:Localize ID="userCodesNote" runat="server" EnableViewState="False"
                meta:resourcekey="userCodesNoteResource1" Text="The changes you make on this page will not update the response information
            in the central monitoring station. In order to make changes to the response information
            stored at the central station, which is used to respond to alarm signals from your
            account, you should contact your alarm dealer or the central station directly."></asp:Localize>
            </p>
    </asp:Panel>



</asp:Content>

aspx
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
        DataKeyNames="UserID" DataSourceID="SqlDataSource1">
        <Columns>
            <asp:BoundField DataField="UserID" HeaderText="UserID" ReadOnly="True"
                SortExpression="UserID" />
            <asp:TemplateField HeaderText="Image">
                 <ItemTemplate>
                    <asp:Image ID="Image2" runat="server" ImageUrl='<%# "Handler.ashx?UserID="+ Eval("UserID") %>' Height="150px" Width="150px"/>
                 </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
_____________________________________________________________________________________________________________________________________________________________

   <asp:SqlDataSource ID="SqlDataSource1" runat="server"
        ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

        SelectCommand="SELECT [UserID], [Image] FROM [Users] WHERE ([UserID] = @UserID)">
        <SelectParameters>
            <asp:CookieParameter CookieName="userid" DefaultValue="" Name="UserID"
                Type="String" />
        </SelectParameters>
    </asp:SqlDataSource>
_____________________________________________________________________________________________________________________________________________________________
 public class Handler : IHttpHandler
    {

         string strcon = ConfigurationManager.AppSettings["ConnectionString"].ToString();
        public void ProcessRequest(HttpContext context)
        {

           string imageid = context.Request.QueryString["UserID"];
            SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString);
            connection.Open();
            SqlCommand command = new SqlCommand("select UserID,Image FROM Users where UserID=" + imageid, connection);
            SqlDataReader dr = command.ExecuteReader();
            dr.Read();
         //   context.Response.BinaryWrite((Byte[])dr[0]);
            context.Response.BinaryWrite((Byte[])dr[dr.GetOrdinal("Image")]);
            connection.Close();
            context.Response.End();
         }
public bool IsReusable
        { ........................ with close properly
_____________________________________________________________________________________________________________________________________________________________
Database

UserID,UserName,Name,Image (UEC80001,Michael,MyName,<Binary data>)(nvarchar(50),nvarchar(50),nvarchar(50),image)
_____________________________________________________________________________________________________________________________________________________________