初识visifire图表「建议收藏」

初识visifire图表「建议收藏」   在使用过jschart之后,觉得对俺们中国人不是很友善,短时间内是不会支持中文,没法用,也就这样就认识了visifire图表,第一次浏览他的网站就被他的华丽迷上了。   从他的网站上download下来,压缩包里面已经包含了samples。   首先必须在自己的机器上面安装微软的siverlight控件,否则你是不能浏览图表的,这个好办,到微软的网站上下载就可以了。   安装好siv

大家好,又见面了,我是你们的朋友全栈君。

    在使用过jschart之后,觉得对俺们中国人不是很友善,短时间内是不会支持中文,没法用,也就这样就认识了visifire图表,第一次浏览他的网站就被他的华丽迷上了。
    从他的网站上download下来,压缩包里面已经包含了samples。
    首先必须在自己的机器上面安装微软的siverlight控件,否则你是不能浏览图表的,这个好办,到微软的网站上下载就可以了。
    安装好siverlight,再打开samples中的firstchart.htm,你就可以看见那个漂亮的柱状图了。可是一旦你把他发布到你的网站上去,呵呵!!打开这个网页居然是一片空白。
    费了老大的劲,才搞定,原来是IIS设置导致visifire的图表显示一片空白。visifire图表要工作,必须要他bin目录下的文件支持,其中有一个visifire2.js比较好理解,因为你的网页文件必须要引用他,其中还有一个SL.Visifire.Charts.xap文件,导致visifire显示空白的原因就在这,因为被IIS咔嚓掉了,我们需要在iis的mime类型中注册 .xap为application。
    设置后,再打开网站,效果出来了。
    现在可以定定心研究一下他的结构了。
1.首先要引入这个js文件:<script type=”text/javascript” src=”Visifire2.js”></script>
2.声明一个div层作为容器:<div id=visifirechart></div>
3.生成图表         var vChart = new Visifire2(“SL.Visifire.Charts.xap ” , 500 , 300 );
                   vChart.setDataXml(chartXmlString);
                    vChart.render(“VisifireChart”);
基本上和我前面提到的jschart差不多。其中最重要的就是 chartxmlstring,这个就是我们要表现的数据,下面是这个图表例子中的数据,采用xml语言规范,抽象出结构为:
<vc:chart>
      <vc:chart.titles>
        <vc:title text=”图表的标题”/>
      </vc:chart.titles>
      <vc:chart.axesx>
         <vc:axis title=”x轴标签”/>
      <vc:chart.axesy>
         <vc:axis title=”y轴标签”/>
      </vc:chart.axesy>
      <vc:dataseries renderas=”pie” axisytype=”primary”>
         <vc:DataSeries.DataPoints>
             <vc:DataPoint AxisXLabel=”xlabel标记” YValue=”Y轴值” />
             <vc:DataPoint AxisXLabel=”xlabel标记” YValue=”Y轴值” />
         </vc:dataseries.datapoints>
      </vc:dataseries>
</vc:chart>
    了解了他的数据结构,我们做一个图表就简单了,需要修改的就是 <vc:DataPoint AxisXLabel=”xlabel标记” YValue=”Y轴值” />这里.我们大多数情况的时候都是从数据库中调取数据,那如何处理呢! visifire chart的帮助文档里面有一个实例文件,不过感觉不是很很好.
我希望的结果应该是 varchar.setdataxml(xml.xml),里面是一个xml文件,或者是一个动态程序文件.前几天使用jschart,可以这样使用的,也不知道visifire可不可行.
    图表样式很多,其实好多参数我们根本不用去记,只需要到他的网站上进入设计界面,即可以来个所见即所得的图表,然后将代码拷贝过来就可以了,绝对傻瓜式.
    以前用过dundas的图表控件,觉得效果不错,但是现在一用visifire,觉得好像更好些。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/162797.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • VS 环境使用MySQL Connector C 6.1 连接数据库

    VS 环境使用MySQL Connector C 6.1 连接数据库下载MySQLConnector/C,根据你的系统版本选择下载ZIPARCHIVE,下载链接 配置附加目录和库目录 项目–>属性–>配置属性–>VC++目录-包含目录中加入mysqlConnectC文件的include目录(根据自己的目录设置,此处测试使用了绝对路径) C:\Users\kelvin\Downloads\mysql-connector-c-…

  • RSA登录加密_rsa私钥加密公钥解密

    RSA登录加密_rsa私钥加密公钥解密随手记2本文章仅作学习参考使用,不做其他使用。​​​​​​网站:aHR0cHM6Ly9iZWlqaW5nLnR1aXR1aTk5LmNvbS9kZW5nbHUuaHRtbA==输入登录密码“123456”,分析抓包数据如下:返回了一个document类型的包,表单提交的方式,无法使用跟栈的方式定位加密方法,所以这里我使用搜索url的方式定位加密位置,如下:然后在全局搜索关键字“l_submit”,直接跟进加密方法里去,下断点开始调试得到了密码的明文数据,并且在下面也发…

  • 头歌MySQL数据库实训答案 有目录[通俗易懂]

    头歌MySQL数据库实训答案 有目录[通俗易懂]计算机系统综合实训头歌MySQL数据库实训平台作业,内容比较全比较多,内容仅供参考,如有错误部分希望联系我跟正,觉得有用记得点赞收藏。数据库1-MySQL数据定义与操作实战数据库2-MySQL数据管理技术实战数据库3-MySQL数据库系统设计实战数据库4-层次、网状、关系模型实战

  • drupal安装教程mysql_Drupal8 安装教程

    drupal安装教程mysql_Drupal8 安装教程安装Drupal8需要环境环境:UNIX/Linux,OSX,或者windowsweb服务器:Apache2,nginx,MicrosoftIIS等数据库:推荐数据库Mysql(5.5.3),MariaDB(5.5.20),PerconaServer(5.5.8),支持:PostgreSql(9.1.2),SQLite(3.6.8)开始安装我的环境,OSX,Apache2,Mysql(…

  • hough变换理解[通俗易懂]

    hough变换概念在计算机中,经常需要将一些特定的形状图形从图片中提取出来,如果直接用像素点来搜寻非常困难,这时候需要将图像从像素按照一定的算法映射到参数空间。hough变化提供了一种从图像像素信息到参数空间的变换方法。对于像直线,圆,椭圆这样的规则曲线hough是一种常用的算法。hough变化最大的优点在于特征边缘描述中间隔的容忍性并且该变换不受图像噪声的影响。hough变换原理hough变换是一

  • vscode插件大全_vscode必装插件

    vscode插件大全_vscode必装插件Beautify#格式化htmljscss代码vscode-icons#文件图标PartialDiff#对比两段代码或文件Br…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号