HQChart使用教程72-画图工具波浪尺刻度配置

波浪尺

波浪尺是的一种股价空间分析工具，主要判断后续股价运动的预期。
经常遇见的回吐比率为0.382、0.5及0.618。 下图是东方财富的波浪尺

HQChart波浪尺

默认刻度比例

默认的刻度比例是 0%， 38.2% , 61.8%, 100% , 161.8%, 200%

自定义配置

可以通过全局的资源配置波浪尺的样式， 看参看教程HQChart使用教程4- 如何自定义K线图颜色风格
默认配置代码

function JSChartResource()
{ 
.........................
   //画图工具-波浪尺
    this.ChartDrawWaveRuler=
    {
        RulerWidth:10,          //刻度尺长度
        RulerLineWidth:1,       //刻度线粗细
        MaxScaleRuler:2,       //尺子最大的高度比
        Font:14*GetDevicePixelRatio() +"px 微软雅黑", //刻度文字字体
        ScaleRuler: //刻度分割 Value:分割比例， Text:显示文本
        [
            {Value:0, Text:"0.0%"}, { Value:0.382, Text:"38.2%" }, { Value:0.618, Text:"61.8%" } ,{ Value:1, Text:"100%"},
            { Value:1.618, Text:"161.8%" }, { Value:2.0, Text:"200%" }
        ]
    }
........................
}

修改刻度例子

刻度比例改为 【38.2%， 50%，61.8，100%，138.2%，150%，161.8%，200%】

var resource=JSChart.GetResource();
resource.ChartDrawWaveRuler.RulerWidth=20;
resource.ChartDrawWaveRuler.ScaleRuler=
[
	{ Value:0.382, Text:"38.2%" }, { Value:0.5, Text:"50%"}, { Value:0.618, Text:"61.8%" } ,{ Value:1, Text:"100%"},
	{ Value:1.382, Text:"138.2%" },  { Value:1.5, Text:"150%"}, { Value:1.618, Text:"161.8%" }, { Value:2.0, Text:"200%" }
];
................
this.Chart.SetOption(this.Option);  //设置K线配置

效果图

交流QQ群: 950092318

如果还有问题可以加交流QQ群: 950092318

HQChart代码地址

地址：github.com/jones2000/HQChart

个人爱好(模型/摄影)