chart_as_a_service's Introduction

Chart Service

服务器端生成 SVG 图片，可以嵌入到任何地方。

Usage:

https://chart.deno.dev?w=[width]&h=[height]&option=[json]

w: 宽。默认 500。
h: 高。默认 300。
option: echarts 配置项，https://echarts.apache.org/zh/option.html。

Examples:

折线图

echarts 配置：

option = {
   xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
   },
   yAxis: {
      type: 'value'
   },
   series: [
      {
         data: [150, 230, 224, 218, 135, 147, 260],
         type: 'line'
      }
   ]
};

将图表嵌入到 Markdown:

![](https://chart.deno.dev?option={"xAxis":{"type":"category","data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},"yAxis":{"type":"value"},"series":[{"data":[150,230,224,218,135,147,260],"type":"line"}]})

效果:

雷达图

https://chart.deno.dev?option={"radar":{"indicator":[{"name":"Sales","max":6500},{"name":"Administration","max":16000},{"name":"Information","max":30000},{"name":"Customer","max":38000},{"name":"Development","max":52000},{"name":"Marketing","max":25000}]},"series":[{"name":"Budget","type":"radar","data":[{"value":[4200,3000,20000,35000,50000,18000],"name":"Allocated"},{"value":[5000,14000,28000,26000,42000,21000],"name":"Actual"}]}]}

chart_as_a_service's People