Echarts for Typecho 轻量图表插件

1、在需要插入图表的文章中,用标签,插入图表

(1)第一行标签,固定为本页图表需要使用的配置js,标签格式为:

config;js相对于插件目录的地址;0;0

如果你使用插件目录下自带的通用config.js配置图表,第一行通用JS写法为:

config;/js/config.js;0;0

如果你使用自定义js配置本页面下的图表,自定义js地址,注意是相对于插件目录的地址:

config;/data/option.js;0;0

请注意,自定义JS配置文件需放置在本插件目录下,需要严格按照示例格式进行书写。不支持http\https的URL地址

(2)第二行标签开始,每行标签独立配置需要展示的图表,标签格式为:

图表类型;CSV数据文件绝对地址;图表宽度;图表长度

2、csv文件地址是你服务器上的绝对路径,数据格式需严格遵守以下约定

(1)对于line和bar图表:

第一列数据,是X轴数据,第一列第一行是X轴名称。

第二列数据开始,是Y轴数据,依次为系列:y1,y2,y3...yi,第i列第一行是系列yi的名称。(虽然理论上可以很多个yi系列,但一般不建议Y轴数据大于10个,不然图标加载会不流畅)

插件目前只支持单Y轴展示,由于Y系列所有数据共用一个Y轴,Y系列的数值,应该使用相同数量级,例如百分数不应该与万亿数同Y轴,否则会出现Y系列数据显示不全的问题。

(2)对于pie图表:

第一列数据是系列的名称,第二列数据是系列的数量



本文链接:

https://foglog.cn/p/typecho-echarts