[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

K线图

功能概述

K 线图旨在分析每个周期的开盘价、最高价、最低价和收盘价。

绘制时,中心是一条细线,它显示了在时间范围内交易的最高和最低价格。主体也即中间的长方形部分,显示时间范围内的开盘价和收盘价。

如果开盘价低于收盘价(即低开高收),则条形图通常为绿色(颜色可自定义),这种柱体称之为“阳线”。

如果收盘价低于开盘价(即高开低收),则条形通常为红色(颜色可自定义),这种柱体就是“阴线”了。

在此基础上,我们增加了对移动平均线的支持。移动平均线代表过去期间的平均交易价格。移动平均线的主要目的是判断趋势,通常是预测市场当前和未来的趋势。

效果图

image2022-11-10_15-1-14.png

添加K线图

单击数据可视化按钮展开图表列表,然后选中K线图组件并拖拽至编辑区,即可添加一个K线图组件。

image

数据绑定

添加组件后,数据绑定面板会自动打开,在数据绑定面板中选择数据集或数据模型。

例如我们选择K线图demo数据

image

将字段拖拽到组件的各个绑定区域完成数据绑定,在左侧编辑区可见组件已经按照绑定的字段进行了绘制。

image2022-11-10_14-56-52.png

关于数据绑定:

  • 必须绑定的数据区域:日期分类最高价最低价。此时图表可以绘制出中心线。

    image

  • 其中最高价最低价开盘价收盘价以及日期分类均最多仅能绑定一个字段。

  • 日期分类中仅能绑定日期类型或日期时间类型的字段。

  • 设置最高价的数据格式时,最低价、开盘价、收盘价、移动平均线和y轴标签会同时生效。

    image2022-11-10_15-22-33.png

  • 可通过移动平均线旁边的更多按钮改变图表类型,支持折线图和散点图。

    image2022-11-10_15-59-31.png

  • 移动平均线支持以下几种方式得到移动平均线:

    1. 直接绑定现有字段。

    2. 绑定字段后再通过快速计算得到移动平均值。在弹出的对话框中将运算类型设置为平均数,将之前的值设置为要显示的移动平均范围,然后单击确定即可。

      image

      image

    3. 由收盘价快速绑定(原生查询数据集不支持此方法),在弹出的对话框中填写您要显示的移动平均范围,点击“确定”即可。

      image

      image

数据处理

将数据绑定到组件后,可以对字段和数据进行进一步配置处理,使其更符合使用场景的需要。

比如修改数据显示格式、字段重命名、级联显示效果。

或者进行数据的聚合运算(合计、平均数、最大值、最小值、计数)、快速运算(排名运算、占比运算、累计运算、移动运算、以及基于日期的同环比运算等)。

具体操作请详见数据处理

image2022-11-10_16-26-6.png

image2022-11-10_16-26-34.png

数据探索与分析

组件支持非常丰富的数据探索分析能力,可为您的数据可视化分析过程提供强有力的支撑。

比如为组件添加过滤器、排序排名、条件格式化等。对应的具体用法,请见数据探索与分析

image2022-11-10_16-27-31.png

外观与属性

组件基本创建完成后,还可以对其外观属性进行进一步的个性化设置。如阳/阴线颜色更改、移动平均线样式等等。

选中组件,在编辑区右侧选择属性设置或者双击该图表,打开属性设置面板即可进行图表属性的设置。

如下图是关于K线图样式以及移动平均线样式的属性项目。有关属性设置中其他项目的详细介绍,请见单个组件外观与属性设置

image

K线图样式

标记类型: 设置开盘收盘价的标记类型,支持矩形和线型。

image2022-11-10_17-31-5.png


当设置为矩形标记或线型标记时,可以设置的具体样式有所不同。

使用矩形标记时除了设置边框线颜色之外,还可以设置填充色。

image2022-11-10_17-32-53.png image2022-11-10_17-33-55.png

移动平均线样式

移动平均线的样式设置项与折线图组件的图表样式一致,请参考图表样式