Ext.net Chart 使用心得(一)

最新推荐文章于 2017-12-28 15:23:35 发布

原创最新推荐文章于 2017-12-28 15:23:35 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT.net Chart

本文介绍如何在Ext.NET中自定义图表的颜色和显示标签。通过修改代码示例，展示了如何设置特定的颜色序列，并确保这些颜色应用于图表的Theme主题。此外，还涉及了如何在图表上显示标签和提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

软件说明

使用Ext.net控件 2.4 版本 .下载地址:http://www.ext.net/ 或者在 VS 中使用 Nuget进行安装

示例效果图:http://examples.ext.net/

使用过程中遇到的问题和解决办法

(一) 自定义图标的颜色

系统中有自己的方式去定义颜色 ,颜色的顺序是:绿,蓝,红,橙,黄,紫,青 ,棕,灰

值大概是:#94ae0a绿色 #115fa6蓝色 #a61120红色 #ff8809橙色 #ffd13e黄色#a61187紫色#24ad9a青色#a66111棕色#7c7474灰色

以上颜色是使用 color Picker抓下来的,只是大概一个值.

如果要自己自定义颜色的话,只需要按以下操作就可以了.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mytest.aspx.cs" Inherits="EastarFrame.Pages.mytest" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    public string[] COLORS = new string[] { "#a61120", "#94ae0a", "#115fa6", "#ff8809", "#ffd13e", "#a61187" };   - - - - - - - 这里是颜色列表
</script> 

<!DOCTYPE html>

<html>
<head id="Head1" runat="server">
    <title>Area BrowserStats - Ext.NET Examples</title>
    <link href="/resources/css/examples.css" rel="stylesheet" />   
</head>
<body>
    <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:ChartTheme ID="ChartTheme1"          - - - - - - - - - - - - - - 这里是自定义颜色列表Theme主题

            runat="server" 
            ThemeName="Browser" 
            Colors="<%# COLORS %>"     - - - - - - - - - - - - - - 这里是引用上面定义的颜色列表数组.
            AutoDataBind="true"       - - - - - - - - - - - - - - 这里一定要自动帮定
            />            
 
                <ext:Chart 
                    ID="Chart1" 
                    runat="server"
                    StyleSpec="background:#fff;"                   
                    Theme="Browser:gradients"        - - - - - - - - - - - - - - 这里要使用自定义好的Theme主题
                      Animate="true">

(二) 显示标签和提示

ing