zoukankan      html  css  js  c++  java
  • OpenFlashChart之柱状图(Bar)

    今天用到OpenFlashChart,作个记录:

    首先到官网下载需要引入的相关文件,比如OpenFlashChart.dll和flash文件open-flash-chart-SimplifiedChinese.swf或者open-flash-chart.swf。

    Code
    1 //设置图表
    2   var chart = new OpenFlashChart.OpenFlashChart
    3 {
    4 Title = { Text = "test", Style = "color:#9ACD32;font-weight:bold;font-size:20px;" },
    5 X_Axis = { GridColour = "#ffffff", Colour = "#9ACD32", Labels = { Color = "#708090" } },
    6 Y_Axis = { GridColour = "#ffffff", Colour = "#9ACD32", Labels = { Color = "#708090" } },
    7 Bgcolor = "#ffffff",
    8 };
    9 chart.X_Axis.SetLabels(data2);
    10 chart.Y_Axis.SetRange(0,100,5);
    11
    12 //柱状
    13   var bar = new OpenFlashChart.Bar
    14 {
    15 Values = data,
    16 DotStyleType =
    17 {
    18 Tip = "#x_label#<br>#val#",
    19 DotSize = 5,
    20 Colour = "#9ACD32"
    21 },
    22 Colour = "#9ACD32"
    23 };
    24 bar.Text = "最小值";
    25 chart.AddElement(bar);
    26
    27 var bar1 = new OpenFlashChart.Bar
    28 {
    29 Values = data1,
    30 DotStyleType =
    31 {
    32 Tip = "#x_label#<br>#val#",
    33 DotSize = 5,
    34 Colour = "#ff0000"
    35 },
    36 Colour = "#ff0000"
    37 };
    38 bar1.Text = "最大值";
    39
    40 chart.AddElement(bar1);
    41
    42 //返回响应
    43   Response.Clear();
    44 Response.CacheControl = "no-cache";
    45 Response.Write(chart.ToPrettyString());

    JS代码:

    swfobject.embedSWF("../flash/open-flash-chart-SimplifiedChinese.swf", "chartBydate", "60%", "200", "9.0.0", "expressInstall.swf", { "data-file": "chartFile/ChartByArea.aspx?param=" + param });
    

    其他图表的使用可参见这篇:http://blog.csdn.net/liaolian9948/archive/2009/11/23/4857302.aspx

  • 相关阅读:
    Ajax 的 GET 和 POST 模式
    AJax中post与get请求注意事项
    代理模式 (Proxy)
    装饰模式 (Decoratory)
    抽象工厂模式( Abstract Factory )
    单例模式(Singleton)
    原型设计模式
    Intro.js的简介和用法
    mysql 分片
    数据分片(二)如何为数据分片
  • 原文地址:https://www.cnblogs.com/pfs1314/p/1957472.html
Copyright © 2011-2022 走看看