Highcharts的.NET版本:HighchartsNET

jopen 9年前發布 | 32K 次閱讀 圖表/報表制作 HighchartsNET

Highcharts 的.NET版本

可以方便的調用Highcharts 生成柱形圖 折線圖 餅圖。

web文件夾就是使用的例子。只需幾行代碼你就能快速生成一個圖表。

從此不再擔心圖表復雜。簡單幾行代碼就可以搞定,節省大量工作時間。

控件特色:

支持DataBind() 與微軟其他數據控件一樣直接DataBind() 數據源支持DataTable DataSet。

無需添加引用,內置Highcharts jQuery。

屬性說明:
      /// <summary>
        /// 圖表標題
        /// </summary>
        [Description("圖表標題")]
        public string Title { get; set; }
        /// <summary>
        /// 圖表類型
        /// </summary>
        public ChartType Type { get; set; }
        /// <summary>
        /// 圖表2級標題
        /// </summary>
        public string SubTitle { get; set; }

    /// <summary>
    /// 數據對象
    /// </summary>
    public ChartsSeries Series { get; set; }

    /// <summary>
    /// 一些附加選項
    /// </summary>
    public string PlotOptions { get; set; }
    /// <summary>
    /// X軸選項
    /// </summary>
    public List<object> XAxis { get; set; }
    /// <summary>
    /// Y軸選項 默認可以只填名稱
    /// </summary>
    public string YAxis { get; set; }

    /// <summary>
    /// 提示格式
    /// </summary>
    public string Tooltip { get; set; }
    /// <summary>
    /// 圖表層id(容器)
    /// </summary>
    public string DivId { get; set; }

    /// <summary>
    /// 圖標下方標識是否顯示 默認不顯示
    /// </summary>
    public bool Legend { get; set; }

    /// <summary>
    /// 高級功能,多個數據集,多條圖表,餅圖不需要。
    /// </summary>
    public List<ChartsSeries> SeriesList { get; set; }

    public override Unit Width
    {
        get
        {
            return base.Width;
        }
        set
        {
            base.Width = value;
        }
    }

    public override Unit Height
    {
        get
        {                
            return base.Height;
        }
        set
        {
            base.Height = value;
        }
    }

    private bool noscript = true;
    /// <summary>
    /// 是否自動引用腳本,默認為true 設為false即需要手動添加js引用
    /// </summary>
    public bool NoScript 
    {
        get { return noscript; }
        set { noscript = value; }
    }

    public string DataKey { get; set; }
    public string DataValue { get; set; }
    public object DataSource { get; set; }
    public object DataName { get; set; }</pre> <p><span style="font-size:18px;">詳細說明:<a href="/misc/goto?guid=4959625031878229914" target="_blank">http://www.cnblogs.com/linezero/p/4233410.html</a></span> </p>

191200409388983.png
項目主頁:
http://www.baiduhome.net/lib/view/home/1421669221171



</span>

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!