使用方便的纯js图表插件:JScharts
2009-11-26 11:14
525 查看
前些天要做个饼图的页面效果,找到了一些,最后确定了用JScharts。
有两个原因:1使用非常简单方便;2纯js的兼容性好。
原版的是不支持中文的,我用了一个网友自己反编译后修改的。
下载地址:http://cid-4fc356c5db72a870.skydrive.live.com/self.aspx/.Public/JScharts-with-mbstring-support.zip
有两个原因:1使用非常简单方便;2纯js的兼容性好。
<mce:script type="text/javascript" src="jscharts_mb.js" mce_src="jscharts_mb.js"></mce:script> <div id="graph">Loading graph...</div> <mce:script type="text/javascript"><!-- var myData = new Array(['阿萨德', 42], ['企鹅', 38], ['Be entertained', 10], ['Communicate professionally', 7], ['Not sure/Don/'t know', 2]); var colors = ['#C40000', '#750303', '#F9ECA2', '#FA9000', '#FA5400']; var myChart = new JSChart('graph', 'pie'); myChart.patchMbString();//设置可以显示中文 myChart.setFontFamily("微软雅黑"); myChart.setTitleFontSize(20); myChart.setPieUnitsFontSize(12); // 设置饼图的项目标识字体大小为10px myChart.setDataArray(myData); myChart.colorizePie(colors); myChart.setTitle('标题标题'); myChart.setTitleColor('#8E8E8E'); myChart.setTextPaddingTop(30); myChart.setSize(616, 321); myChart.setPiePosition(308, 170); myChart.setPieRadius(85); myChart.setPieUnitsColor('#555'); myChart.setBackgroundImage('chart_bg.jpg'); myChart.draw(); // --></mce:script>
原版的是不支持中文的,我用了一个网友自己反编译后修改的。
下载地址:http://cid-4fc356c5db72a870.skydrive.live.com/self.aspx/.Public/JScharts-with-mbstring-support.zip
相关文章推荐
- 如何查看元素调用的js?使用VisualEvent插件炒鸡方便!
- vue.js中图表插件vue2-highcharts的使用
- JS使用FusionCharts显示图表(JS插件)
- 百度Echarts图表JS插件的使用
- 图表插件Charts.js的使用
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 使用firefox的firebug插件进行网页js调试----firebug使用
- JQuery图表插件之 Highcharts使用指南
- 网页弹窗插件layer.js的使用
- cookie插件|jq-cookie.js|使用详解
- Android Studio上方便使用butterknife注解框架的偷懒插件Android Butterknife Zelezny
- 使用JS开发IE、360浏览器、chrome浏览器插件
- js插件spacetree使用
- js定时的几种方式及插件变量公用(直接使用jsp中js变量)
- js滑动特效插件Swiper使用心得
- jquery.cookie.js插件使用方法
- Android Studio上方便使用butterknife注解框架的偷懒插件Android Butterknife Zelezny
- flot - jQuery 图表插件(jquery.flot)使用
- Android Studio上方便使用butterknife注解框架的偷懒插件Android Butterknife Zelezny