ShowAPI,自营为主的数据交易市场
立即注册

定制图表

提供者: 易源官方 免费使用

本api旨在为不太了解前端js或者不想写前端js的开发人员提供一个简单易用的参数定制图表,支持常规的线图、饼图、柱图、面积图以及特有的文字云图。开发者使用仅需像其他api一样传参即可取到一个html的iframe代码片段,将该片段插入要展现图表的页面即可。详情请见基本资料页面API说明部分。

浏览量:19232

调用量:188811

使用人数:1349

点赞:50927

申请使用 查看演示
文档 授权签名(重要) 联系信息 价格一览表 接口演示 修改返回结果
API说明(接口商自定义)
使用说明
接入点列表
标题链接、tag链接云图
饼图、环形图、玫瑰图
类目型坐标曲线图柱图
双数值(时间)坐标曲线图柱图
资源列表
·SDK及代码示例
规则中心
·名词解释
·常见问题
·用户留言

请求URL地址

http://route.showapi.com/322-4
注意:接口支持https,更安全,但稍慢一些,你懂的。请根据自己的情况进行选择。

请求参数

HTTP协议,支持GET/POST方法。
非文件上传的POST时,enctype=application/x-www-form-urlencoded。
文件上传的POST时,enctype=multipart/form-data。
1.系统级参数(所有接入点都需要的参数):+点此展开
2.应用级参数(每个接入点有自己的参数):
参数名称 类型 默认值 示例值 必须 描述
data String [["谷歌","http://www.goolge.cn",20000],["百度","http://www.baidu.com",10000],["Bing","http://www.bing.com",8000],["搜狗搜索","http://www.sogou.com/",6000],["好搜","http://www.haosou.com/",3000]] 图表数据,格式为JSON的二维数组。子数组中第一个元素为显示文本、第二个元素为链接网址、第三个元素为显示权重(权重越大显示的字体越大),第四个元素为tip中的描述(本例没有传该元素)。需要按权重进行从大到小的排序
title String 图表示例 图表标题
descript String 图表描述 以灰色小字显示在标题下方
backgroundColor type 125,125,125,0 图表背景,RGBA颜色,前三段为红绿蓝颜色,第四段为透明度
width String 图表iframe的宽度,使用数值。不设置将使用父容器的宽度
height String 参见宽度说明
center type [50,50] 文字云中心位置,格式为JSON的一维数值数组,第一个元素为x坐标的百分比数值、第二个元素为y坐标的百分比数值
size type [40,40] [80,80] 文字云尺寸比,格式为JSON的一维数值数组,第一个元素为宽度的百分比数值、第二个元素为高度的百分比数值。都相对于整个图而言
textRotation type [0,45,-45,90] 文本可选的旋转角度,格式为JSON的一维数值数组,每个元素代表一个可用的旋转角度。为显示美观不建议修改
minFontSize type 12 最小文本大小
textPadding type 0 文本之间的间距

返回参数

以JSON格式返回结果。
1.系统级参数(所有接入点都会返回的参数):+点此展开
2.应用级参数(系统级输出参数showapi_res_body字段中的json数据结构):
名称 类型 示例值 描述
ret_code Number 0 错误码
errorMsg String 错误信息(本接口只校验了必填项,格式并没有校验。请严格按照参数描述传参)
iframe String html iframe代码
  • 请求实例
  • java_sdk
  • 纯java
  • curl
  • php
  • android
  • python
String res=new ShowApiRequest("http://route.showapi.com/322-4","my_appId","my_appSecret")
           .addTextPara("data","[[")
           .addTextPara("title","示例图表")
           .addTextPara("descript","图表描述")
           .addTextPara("backgroundColor","125,125,125,0")
           .addTextPara("width","")
           .addTextPara("height","")
           .addTextPara("center","")
           .addTextPara("size","[80,80]")
           .addTextPara("textRotation","")
           .addTextPara("minFontSize","")
           .addTextPara("textPadding","")
           .post();
System.out.println(res);

                  public static void main(String path[]) throws Exception {
									URL u=new URL("http://route.showapi.com/322-4?showapi_appid=myappid&data=&title=&descript=&backgroundColor=&width=&height=¢er=&size=&textRotation=&minFontSize=&textPadding=&showapi_sign=mysecret");
									InputStream in=u.openStream();
									ByteArrayOutputStream out=new ByteArrayOutputStream();
									try {
										byte buf[]=new byte[1024];
										int read = 0;
										while ((read = in.read(buf)) > 0) {
											out.write(buf, 0, read);
										}
									}  finally {
										if (in != null) {
											in.close();
										}
									}
									byte b[]=out.toByteArray( );
									System.out.println(new String(b,"utf-8"));
							}
						 
						
						//字段值为中文、空格、特殊符号的地方需要做urlencode,编码为utf-8。用js的方式就是:
						//encodeURIComponent('中文')
						//比如"中文"转换后就是%25E4%25B8%25AD%25E6%2596%2587
            curl   "http://route.showapi.com/322-4?showapi_appid=123&showapi_sign=use_my_sign&data=[[&title=示例图表&descript=图表描述&backgroundColor=125,125,125,0&width=&height=¢er=&size=[80,80]&textRotation=&minFontSize=&textPadding=&"
						
						 //md5签名方式--非简单签名
               			<?php
							header("Content-Type:text/html;charset=UTF-8");
							date_default_timezone_set("PRC");
							$showapi_appid = 'xxxxxx';  //替换此值,在官网的"我的应用"中找到相关值
							$showapi_secret = 'xxxxxxxxx';  //替换此值,在官网的"我的应用"中找到相关值 
							$paramArr = array(
							     'showapi_appid'=> $showapi_appid,
								 'data'=> "",
								 'title'=> "",
								 'descript'=> "",
								 'backgroundColor'=> "",
								 'width'=> "",
								 'height'=> "",
								 'center'=> "",
								 'size'=> "",
								 'textRotation'=> "",
								 'minFontSize'=> "",
								 'textPadding'=> ""
							     //添加其他参数
							);
							
							//创建参数(包括签名的处理)
							function createParam ($paramArr,$showapi_secret) {
							     $paraStr = "";
							     $signStr = "";
							     ksort($paramArr);
							     foreach ($paramArr as $key => $val) {
							         if ($key != '' && $val != '') {
							             $signStr .= $key.$val;
							             $paraStr .= $key.'='.urlencode($val).'&';
							         }
							     }
							     $signStr .= $showapi_secret;//排好序的参数加上secret,进行md5
							     $sign = strtolower(md5($signStr));
							     $paraStr .= 'showapi_sign='.$sign;//将md5后的值作为参数,便于服务器的效验
							     echo "排好序的参数:".$signStr."
\r\n"; return $paraStr; } $param = createParam($paramArr,$showapi_secret); $url = 'http://route.showapi.com/322-4?'.$param; echo "请求的url:".$url."
\r\n"; $result = file_get_contents($url); echo "返回的json数据:
\r\n"; print $result.'
\r\n'; $result = json_decode($result); echo "
\r\n取出showapi_res_code的值:
\r\n"; print_r($result->showapi_res_code); echo "
\r\n"; ?>
						//以下代码为纯java实现,并未依赖第三方框架,具体传入参数请参看接口描述详情页.
						protected Handler mHandler =  new Handler();
						protected void onCreate(Bundle savedInstanceState) {
								super.onCreate(savedInstanceState);
								setContentView(R.layout.activity_main);
								final TextView txt = (TextView) this.findViewById(R.id.textView1);
								Button myBtn = (Button) this.findViewById(R.id.button1);
								myBtn.setOnClickListener(new OnClickListener() {
									public void onClick(View v) {
										new Thread(){
											//在新线程中发送网络请求
											public void run() {
												String appid="xxx";//要替换成自己的
												String secret="xxxxxxx";//要替换成自己的
												final String res=new ShowApiRequest( "http://route.showapi.com/322-4", appid, secret)
                    .addTextPara("data", "")
                                .addTextPara("title", "")
                                .addTextPara("descript", "")
                                .addTextPara("backgroundColor", "")
                                .addTextPara("width", "")
                                .addTextPara("height", "")
                                .addTextPara("center", "")
                                .addTextPara("size", "")
                                .addTextPara("textRotation", "")
                                .addTextPara("minFontSize", "")
                                .addTextPara("textPadding", "")
            .post();
												
												System.out.println(res);
												//把返回内容通过handler对象更新到界面
												mHandler.post(new Thread(){
													public void run() {
														txt.setText(res+"  "+new Date());
													}
												});
											}
										}.start();
										
										
									}
								});
						}

						
#phthon3.5
from urllib import    request, parse
import json

print('send data....')
showapi_appid="xxxxxxxxxx"  #替换此值
showapi_sign="xxxxxxxxxx"   #替换此值
url="http://route.showapi.com/322-4"
send_data = parse.urlencode([
    ('showapi_appid', showapi_appid)
    ,('showapi_sign', showapi_sign)
                    ,('data', "")
                    ,('title', "")
                    ,('descript', "")
                    ,('backgroundColor', "")
                    ,('width', "")
                    ,('height', "")
                    ,('center', "")
                    ,('size', "")
                    ,('textRotation', "")
                    ,('minFontSize', "")
                    ,('textPadding', "")
    
  ])

req = request.Request(url) 
with request.urlopen(req, data=send_data.encode('utf-8')) as f:
    print('Status:', f.status, f.reason)
    str_res= f.read().decode('utf-8')
    print('str_res:',str_res)
    json_res=json.dumps(str_res)
    print ('json_res data is:', json_res)

    
						 

						

返回实例

{
	"showapi_res_code": 0,
	"showapi_res_error": "",
	"showapi_res_body": {
		"iframe": "<iframe src='http://static.showapi.com/uploader/chart/20150724/103ac12b-dd4e-4bde-9fd2-bf0a2ce0e8f0.html' frameborder='no' border='0'  scrolling='no' allowtransparency='yes' style='height: 100%;width:100%;background:transparent;'></iframe>",
		"ret_code": 0
	}
}




请求地址 请求参数 返回参数 请求示例 返回示例
接入点列表
标题链接、tag链接云图
饼图、环形图、玫瑰图
类目型坐标曲线图柱图
双数值(时间)坐标曲线图柱图
  • 免费套餐(标题链接、tag链接云图)

免费套餐_无认证版

0时间:1年

  • 不限调用次数
  • 1次/秒调用频率
  •  
  •  
点此订购

免费套餐_基本认证版

0时间:1年

  • 不限调用次数
  • 2次/秒调用频率
  • 邮箱认证 要求
  • 手机认证 要求
点此订购

免费套餐_实名认证版

0时间:1年

  • 不限调用次数
  • 3次/秒调用频率
  • 邮箱认证 要求
  • 手机认证 要求
  • 实名认证 要求
点此订购