HQChart使用教程30-K线图如何对接第3方数据42-DRAWTEXTREL,DRAWTEXTABS数据结构

server/2024/12/15 10:22:48/

HQChart使用教程30-K线图如何对接第3方数据42-DRAWTEXTREL,DRAWTEXTABS数据结构

  • 效果图
  • DRAWTEXTREL
    • 示例数据
    • 结构说明
      • name
      • type
      • color
      • DrawVAlign
      • DrawAlign
      • Draw
        • DrawType
        • DrawData
        • Font
  • DRAWTEXTABS
    • 示例数据
    • 结构说明
      • name
      • type
      • color
      • DrawVAlign
      • DrawAlign
      • Draw
        • DrawType
        • DrawData
        • Font

效果图

在这里插入图片描述

DRAWTEXTREL

在图形窗口(X,Y)坐标位置书写文字TEXT,坐标单位是窗口沿水平和垂直方向的1/1000,X、Y取值范围是0—999,超出范围则可能显示在图形窗口外。

示例数据

var divText=
{ name:'DRAWTEXTREL', type:1, Draw: { DrawType:'DRAWTEXTREL', DrawData: {Point: {X: 500, Y: 500 },Text: "!!!!前方高能!!!!"},Font:"20px 微软雅黑"},color:"rgb(255,0,0)",DrawVAlign:1,DrawAlign:1,
}

结构说明

name

数据名称 固定 DRAWTEXTREL

type

数据类型 固定 1

color

文字颜色

DrawVAlign

文字上下对其方式, 数值类型
0=上
1=中
2=下

DrawAlign

文字左右对齐方式,数值类型
0=左
1=中
2=右

Draw

绘图数据

DrawType

图形类型 固定DRAWTEXTREL

DrawData

显示数据信息
Point: {X: 500, Y: 500 } 显示位置坐标
Text: “!!!前方高能!!!” 显示文字

Font

文字字体

DRAWTEXTABS

在图形窗口(X,Y)坐标位置书写文字TEXT,坐标单位是像素,图形窗口左上角坐标为(0,0)

示例数据

var divText2=
{ name:'DRAWTEXTABS', type:1, Draw: { DrawType:'DRAWTEXTABS', DrawData: {Point: {X: 5, Y: 5 },Text: "后台指标示例"},Font:"24px 微软雅黑"},color:"rgb(255,200,0)",DrawVAlign:2,}

结构说明

name

数据名称 固定 DRAWTEXTABS

type

数据类型 固定 1

color

文字颜色

DrawVAlign

文字上下对其方式, 数值类型
0=上
1=中
2=下

DrawAlign

文字左右对齐方式,数值类型
0=左
1=中
2=右

Draw

绘图数据

DrawType

图形类型 固定DRAWTEXTABS

DrawData

显示数据信息
Point: {X: 500, Y: 500 } 显示位置坐标
Text: “!!!前方高能!!!” 显示文字

Font

文字字体

HQChart代码地址
地址:github.com/jones2000/HQChart


http://www.ppmy.cn/server/150328.html

相关文章

Python课设-谁为影狂-豆瓣数据【数据获取与预处理课设】

🏆 作者简介:席万里 ⚡ 个人网站:https://dahua.bloggo.chat/ ✍️ 一名后端开发小趴菜,同时略懂Vue与React前端技术,也了解一点微信小程序开发。 🍻 对计算机充满兴趣,愿意并且希望学习更多的技…

关于SQL注入的面试题及经验分享

Q:简述数据库的存储引擎 A:数据库存储引擎是数据库底层软件组织,数据库管理系统(DBMS)使用数据引擎进行创建、查询、更新和删除数据。不同的存储引擎提供不同的存储机制、索引技巧、锁定水平等功能,使用不…

【kafka】常用基础命令使用案例

以下是 Kafka 常用命令的详细汇总,包含了常见的操作命令以及使用案例,表格形式方便查看 命令功能命令格式使用案例查看 Kafka 版本查看 Kafka 的版本信息bin/kafka-topics.sh --version获取 Kafka 版本信息: bin/kafka-topics.sh --version创…

网络安全教学博客(一):网络安全基础概念与重要性

在当今数字化时代,网络已经渗透到我们生活的方方面面。从日常的社交娱乐到重要的商业交易、政府事务管理,网络无处不在。然而,随着网络的普及和发展,网络安全问题也日益凸显,它关乎着个人隐私、企业利益乃至国家安全。…

迎接全新的 Kotlin 支持 – K2 模式:基本信息

K2 模式有什么作用? K2 模式是 IntelliJ IDEA 中 Kotlin 支持的新实现,它可以提高 IDE 的稳定性,同时也会为支持未来 Kotlin 语言功能奠定基础。 K2 模式与 Kotlin K2 编译器有什么区别? K2 编译器负责编译 Kotlin 语言 2.0 或…

01-下一代的前端工具链 vite 和其他类似构建工具对比

vite 系列 00-聊一聊 vite 01-vite 等构建工具对比 02-vite 实战入门 Vite 与传统构建工具的对比 1. 构建过程 传统构建工具(如 Webpack)通常会在开发时进行整个项目的打包,而 Vite 则采用了 "按需加载" 的策略,只…

Java转C之快速上手理解C/C++项目

提纲: 初学者总体思路工程文件类型及作用 .h(头文件).c(C语言实现文件).cpp(C实现文件)为什么一个工程中会同时有 .c、.h、.cpp 如何查看编译器版本(如gcc/g版本)从构建…

【数据结构实战】一起开启数据结构有序之门

🏝️专栏: 【数据结构实战篇】 🌅主页: f狐o狸x 目录 一、排序的概念及应用 1.1 排序的概念 1.2 排序的应用 1.3 常见的排序算法 二、插入排序 2.1 直接插入排序 2.1.1 基本思想 2.1.2 直接插入排序代码实现 2.1.3 直接插入排序…