`
wanghetommy
  • 浏览: 29805 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

利用iChart.create方法创建ichartjs图表

 
阅读更多

有时候,我们可能需要根据后台的配置来生成图表,这样后台发过来的是一个配置对象,这时我们可以利用iChart.create(Object options)方法来创建图表。

options:配置参数,与正常创建图表一样的配置项。这里面多了一个配置项type,表示图表类型。如创建柱形图图表代码片段如下:

 

var chart = iChart.create({
	type:'column2d',//type为必输项
	render : 'canvasDiv',
	data : data,
	title : {
		text : 'This is a sample spirit from HighCharts',
		color : '#3e576f'
	},
	width : 800,
	height : 400
	//...
});

 type列表:

 

type

图表类型
area2d Area2D
bar2d Bar2D
barmulti2d BarMulti2D
barstacked2d BarStacked2D
column2d Column2D
column3d Column3D
columnmulti2d ColumnMulti2D
columnmulti3d ColumnMulti3D
columnstacked2d ColumnStacked3D
columnstacked3d ColumnStacked3D
donut2d Donut2D
linebasic2d LineBasic2D
pie2d Pie2D
pie3d Pie3D

 

分享到:
评论

相关推荐

    ichart.1.2.src.js

    ichart.1.2.src.js

    ichart.1.2.1.min.js,ichart绘图组件

    ichart.1.2.1.min.js,ichart绘图组件,使用方式详见我的博客

    ichart.1.2.1.rar

    1、ichartjs是一款基于HTML5的图形库,使用纯javascript语言,利用HTML5的canvas标签绘制各式图形 2、项目中可能会用到饼状图、柱状图、环形图等,ichartjs是一个很不错的插件,体量小,只需引入ichart.1.2.1.min.js...

    ichart.js绘制虚线、平均分虚线效果的实现代码

    下面小编就为大家带来一篇ichart.js绘制虚线、平均分虚线效果的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考

    ichart_js___

    ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。如果你正在开发HTML5的应用,ichartjs正好适合您。 ichartjs目前支持饼图、环形图、折线图、面积图、柱形图...

    ichartjs图形化组件

    ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。如果你正在开发HTML5的应用,ichartjs正好适合您。 ichartjs目前支持饼图、环形图、折线图、面积图、柱形图...

    ichart用法详解

    ichart用法详解ichart用法详解ichart用法详解ichart用法详解ichart用法详解

    漂亮的frame后台页面(带ichart图表)

    web开发中非常简单漂亮的frame后台页面(带ichart图表),html5格式,非常漂亮,页面包含ichart图表的所有js

    IchartJs绘图

    ichartjs很有用的数据分析绘图js

    用于React原生的 ichart

    react-native-ichart ichart 用于基于 ichart 的 react-native:https://github.com/wanghetommy/ichartjs 安装 $ npm i react-native-ichart --save Usage 初始化一个名为“IchartExample”的新项目,以及将以下...

    ichart1.2入门教程

    web应用前段图表展示教程,零基础学起,带有例子,书中介绍的非常详细

    Ichartjs资料

    做项目搜集的ichartjs资料,和项目demo

    ichart ajax实现动态改变数据

    ichart ajax实现动态改变数据报表

    Ichart html5

    3D Chart Html5 Canvas

    Chart--Draw-Graph:iChart-像图表那样的纯摆动图表

    图表-绘制图 iChart-图形像纯Java摆动编写的图表。

    计算抛物线SAR:计算抛物线SAR(SAR-停止和反向)-matlab开发

    PARABOLICSAR - 计算特定休和低的... 例子: % 读取 JNJ 股票数据url2Read = ' http://ichart.finance.yahoo.com/table.csv?s=JNJ&a=0&b=12&c=2006&d=9&e=23&f=2007&g=w&ignore=.csv'; s=urlread(url2read); % 改变 sf

    免费版 JAVA PPT控件 -Free Spire.Presentation_2.6.0.zip

    它支持功能十分丰富,如添加/编辑/删除幻灯片,创建图表、表格,添加项目符号,加密和解密PPT,添加水印,插入超链接、音频和视频,段落设置,文档属性设置,插入/提取图片,提取文本,设置动画,添加页眉页脚,添加...

    ichart_环形图例

    ichartjs 环形图例 适用于html5,内含有修改标签名称的展现方式,各种样式修改等,可直接运行。有的地方注释不完整,多包涵,多试试就知道了。

    .net 各种实用方法

    - <member name="M:Pic_Chart_Load.file_deal.Create_File_Out_Sql(System.Byte[],System.String)"> 数据文件写出</summary> <param name="dtb" /> <param name="filename" /> <remarks /> - ...

Global site tag (gtag.js) - Google Analytics