彩票走势图

Web图表控件ChartDirector使用教程:绘制仪表盘及中文问题

原创|使用教程|编辑:郑恭琳|2016-05-27 10:38:31.000|阅读 750 次

概述:今天我就为大家介绍一下如何使用ChartDirector绘制满足自己要求的仪表盘,以及当中涉及的中文问题。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

ChartDirector是一款使用方便快捷、功能非常强大且交互性强的通用Web图表组件。在Web服务器以及嵌入式应用程序开发中,ChartDirector是一个非常理想的图表工具,因为它拥有丰富的图表图形组件库。

对比我一直使用的JFreeChart来看呢,它的优点就是图表特别精细,使用过JFreeChart的人可能会发现它所生成的图表的文字边缘有些模糊,颜色和颜色的分界也是如此,但是ChartDirector就没有这个问题。

推荐阅读:Web图表开发工具JFreeChart与ChartDirector选型

今天我就为大家介绍一下如何使用ChartDirector绘制满足自己要求的仪表盘,以及当中涉及的中文问题。

ChartDirector的文档里面有一个仪表盘的实例,效果如下图:

但是这个不符合自己的要求,需要做相应的修改,要达到的效果如下图:

实现代码如下:

Java代码

public void createChart(ChartViewer viewer,int index){  
        double value = 30.5;  
        //创建一个AngularMeter对象,大小为200*115  
        //并设置背影颜色,后面的两个参数是用来设置边框颜色和大小的,这里不要边框,所以去掉  
        AngularMeter m = new AngularMeter(200,115,0xffffff);  
                                m.setDefaultFonts("simsun.ttc");    //设置字体,不然中文出现乱码   
                     m.setRoundedFrame();  
        //设置仪表盘中心在(100,100),半径为85像素,并且跨度在-90到+90  
        m.setMeter(100, 100, 85, -90, 90);  
        //仪表盘的界限0到100,每个刻度以20为单位,较小的刻度以10为单位,最小的以5为刻度。  
        m.setScale(0, 100,20,10,5);  
        //设置0-60为绿色(0X66FF66)区域,70到85为空白区域        
        m.addZone(0, 60,70,85,0x00aa00);  
//      m.setBackground(0x333333,0x66ff66,4);//第一个参数设置背景颜色,第二个设置背景边缘颜色,第三个设置阴影  
        //设置60-80为黄色(ffff33)区域  
        m.addZone(60, 80,70,85,0xcccc00);  
        //设置80-100为红色区域(ff6666)  
        m.addZone(80, 100,70,85,0xaa0000);  
        m.addZone(0, 100,70,70,0x000000);//在内部颜色缘加一条黑色的线  
        //添加一个文本标签,使用12号,Arial Bold字体  
        m.addText(100, 60,"中文","宋体",12,Chart.TextColor, Chart.Center);  
        //添加一个文本标签在右上角用来显示值,字体为Arial,字号为8,颜色为0xffffff  
        //格式化为2位小数,并使用黑色背景,1像素的3D阴影  
        m.addText(156,8, m.formatValue(value, "2"), "Arial",8,0xffffff).setBackground(0x000000, 0, -1);  
        //添加指针,第一个参数是所在指向的位置,第二个和第三个是指针边缘颜色和填充颜色,后面是设置指针在颜色的下方  
        //这里还可以设置指针的形状,具体可以参考文档里面的Multi-Pointer Angular Meter实例  
        m.addPointer(value, 0xffffff,0x000000).setZOrder(0x100);  
        //输出图形  
//      String chart1URL = m.makeSession(request, "chart1");  
        viewer.setImage(m.makeImage());  
    }  

 

>>最新版ChartDirector v6.0下载


标签:web图表图表库图表开发Web图表图表解决方案图表控件仪表盘仪表chartcontrolWebChartControl

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP