跳到主要内容

开发者模式-PlotlyJS属性

plotly.js的三大主要属性data、layout、config:

data:用于指定和图表种类相关的数据属性,为对象数组类型[{},{}]
layout:用于图表布局相关属性,为对象类型{};
data和layout详细信息请参见Ployly.js官网API指南

config:为一些配置属性,为对象类型{};
详细信息请参见Ployly.js官网Config API指南
例如:Redash中文版默认为中文,若要视图显示英文:config={locale: ‘en’}

上述任意属性数据有三种来源:其一为静态数据,自定义代码定义;其二接收入口参数带来的属性;其三通过Redash中文商业版自定义取数函数功能取出系统内任意查询结果集的任一单元数据。

按图表种类参考:

1、基本图表:散点图、线型图、条形图、饼图、气泡图、点图、区域填充图、水平条形图、旭辉图、桑基图、点云图、树图TreeMaps、表格、多系列图、WebGL和SVG.

2、统计图:误差棒、箱线图、直方图、密度图、连续误差线、小提琴图、splom

3、科学图表:等高线图、热图、三元图、平行坐标图、对数图、风玫瑰图、三元轮廓图、雷达图、地毯图、极坐标图

4、财经图表:瀑布图、指标、烛台图、漏斗图、事件序列、OHLC、量规图、子弹图

5、3D图表:散点图、色带图、表面图、网格图、线图、簇图、圆锥图、三表面图、等值面图

6、地图:图层图、密度热图、mapbox、连线地图、气泡地图、散点地图、地理分布图、区域填充

7、子图:子图、插图、3D子图、混合子图、Table子图、多坐标轴

8、基本属性:配置、流式布局、图例、标注、布局模板、文字模板、图例、图片、坐标轴