Qlik+Echarts开发可视化插件

1.qext和js的文件名必须一致

2.js主文件指的就是和qext名字相同的文件

3.属性面板文件中的属性设置项可以作为一个单独的文件保存，主js文件可以通过define的第一个参数调用文件，并且再通过props引用属性设置js文件中返回的配置项。

4.修改了插件代码后，编辑面板不能同步更新，需要重新加入

Paste_Image.png

5.Eetension API：paint

paint($element,layout)
这里只有两个参数，但其实不止
$element
这是一个容纳了可视化渲染HTML元素的JQ容器
layout
可视化的数据和属性
layout.qHyperCube.qDimensionInfo
一个关于维度使用的数据数组。包括qFallbackTitle,标题和qCardinal,数值或者其他值
layout.qHyberCube.qMeasureInfo
一个关于度量使用的数据数组。包括qFallbackTitle,标题，qCardinal,数字和最大最小值qmin,qmax
layout.qHyperCube.qDataPages[0].qMatrix
一个从QlikSense获取到的数据数组。每个对象相当于结果中的一行。维度和度量值在这个数组中的数据类型是JS对象。
layout.qHyperCube.qDataPages[0].qMatrix[0..#dimensions - 1]
结果行的纬度值。每个对象都包括一个文本（qText），做选择的数值（qElemNumber）和数值类型（qState）。
layout.qHyperCube.qDataPages[0].qMatrix[#dimensions..]
一组结果行度量数据值。每一个对象都有数据，真实值（qNum），文本值（qText），以及一个格式化的值。
layout.qHyperCube.qSize
结果设置中的行总数（qcy）和列总数（qcx）。
layout.qInfo.qId
对象的唯一标识。用于生成一个唯一的HTMLid。
layout.qSelectionInfo
如果用户需要选择模式，有两个选项：qInSelection和qMadeSelections。

努力成为优秀的前端工程师！

期待和大家交流，共同进步，欢迎大家加入我创建的与前端开发密切相关的技术讨论小组：

• SegmentFault技术圈:ES新规范语法糖
• SegmentFault专栏：趁你还年轻，做个优秀的前端工程师
• 知乎专栏：趁你还年轻，做个优秀的前端工程师
• Github博客: 趁你还年轻233的个人博客
• 前端开发QQ群：660634678

• 微信公众号： 人兽鬼 / excellent_developers

  
  
  

努力成为优秀前端工程师！