Inicio>Relacionado con la programación>Código Fuente de IA
Descargar

logo

HQChart es el primer proyecto basado en el software cliente de PC tradicional (C ++) nacional que se trasplanta a la plataforma js/py, incluida la biblioteca de gráficos de gráficos K-line y el ejecutor de indicadores Mai Grammar (Analyst Grammar) .
Plataformas compatibles : js, vue2.0, vue3.0, uniapp, subprograma
Variedades admitidas : admite acciones, futuros, monedas digitales, divisas y otras variedades relacionadas con la línea K.
El ejecutor de indicadores del motor de cálculo de indicadores Mai Grammar (Analyst Grammar) admite js, nodejs, py, c#, c++. Admite indicadores de cálculo de subprocesos de trabajo front-end.

comunicar

Grupo de intercambio de tecnología front-end: 719525615
Si tiene alguna pregunta, puede enviar un problema directamente.

La lista de tutoriales y las representaciones de demostración se encuentran a continuación, ¡puedes verlos desplazándote hacia abajo en la página!!!!!!!!!!!!!

Dirección del código fuente: https://github.com/jones2000/HQChart
Dirección espejo: https://gitee.com/jones2000/HQChart

Versión uniapp: Nueva versión del complemento: https://ext.dcloud.net.cn/plugin?id=4591
Las versiones anteriores importan manualmente el complemento: https://ext.dcloud.net.cn/plugin?id=790

Acuerdo de usuario de HQChart
Instrucciones comerciales y acuerdo de usuario de HQChart

El tercer caso de acoplamiento de datos:
Dirección del código fuente: https://github.com/jones2000/HQChart-Super
Dirección espejo: https://gitee.com/jones2000/HQChart-Super

Si cree que nuestro módulo de mercado le resulta útil, denos una estrella (●ˇ∀ˇ●).

El motor de cálculo del índice de sintaxis Mai, https://github.com/jones2000/hqchartPy2/tree/master/HQChartPy2.Free, es compatible con Windows y Linux. Esta versión está desarrollada en c ++ y se puede conectar a py a través de cpython, que se puede completar. Ejecución eficiente del indicador. Se puede aplicar a cálculos de indicadores por lotes, como pruebas retrospectivas y selección de acciones.

Estructura del directorio

--módulo de código js front-end del mercado webhqchart
--wechathqchart Módulo de código js front-end de cotización de mercado del subprograma WeChat
*¡Aviso! El código actual utiliza las características de ES6, lo que hará que algunos navegadores antiguos no puedan mostrarlo. Debe usar Babel para convertirlo a es5.

--caso de prueba de mercado de la página webhqchart.demo

  • |--jscommon El código js del front-end del mercado es una copia de webhqchart
  • |--demo para probar

--vuehqchart

  • |--control de mercado src
    • |--umychart.resource Recursos de imágenes y estilos CSS utilizados en el mercado
    • |--umychart.vue módulo de datos de mercado y gráficos de mercado
    • |--umychart.vue.components mercado módulo de control VUE
  • |--páginas de prueba y demostración

--Caso de uso del módulo de mercado del miniprograma Caso de prueba del miniprograma

--umychart_python Gramática del analista (McGrammar) versión Python
--umychart_indexapi Demostración de cálculo en segundo plano del indicador nodejs (incluido el archivo de empaquetado de Docker)

instalación npm

npm instala jquery
npm instala hqchart
https://www.npmjs.com/package/hqchart
Ejemplo de VUE: demo-vue.md
Ejemplo de reacción: demo-react.md

depuración local

Por razones de seguridad, la interfaz de datos de prueba integrada ha sido descontinuada. Si necesita acoplamiento de datos, puede consultar el tercer caso de acoplamiento de datos https://github.com/jones2000/HQChart-Super.

Los datos de prueba integrados no admiten la depuración entre dominios. Si desea depurar el código localmente en Chrome, consulte el tutorial para resolver el problema de la depuración entre dominios en Chrome. Para la depuración local de proyectos VUE. el sitio 127.0.0.1:8080 para depuración.

declaración

Este proyecto sólo proporciona la biblioteca de gráficos del mercado y el ejecutor de scripts Macgram.
Todos los datos de mercado en la página provienen de Internet o prueban datos falsos. La precisión de los datos no se puede garantizar y solo se utiliza para el desarrollo y la depuración. Cualquier problema con los datos de mercado no tiene nada que ver con este proyecto. comprar datos de mercado genuinos.

Gráfico HQ 3.0

  • Disponible en versión web y en versión subprograma WeChat
    Gráfico de tendenciasGráfico de tendencias 2Gráfico de tendencias 3gráfico de líneas kGráfico de líneas K 2Gráfico de líneas K 3Gráfico de líneas K 4Gráfico de tendencias de varios días 1Gráfico de tendencias de varios días 2Gráfico de tendencias de varios días 3

1. Gráfico de líneas K

  • Apoya la restauración de derechos antes y después de la restauración

  • Soporta líneas diarias, mensuales, semanales, anuales y de minutos.

  • La imagen principal admite superposición de stock.

  • La forma de la línea K admite una línea K hueca, una línea K sólida, una línea americana y una línea de precio de cierre.

  • Admite indicadores de uso común (actualmente se ingresan más de 80 indicadores en el sistema), admite indicadores de secuencia de comandos de sintaxis Tongdaxin personalizados de promedio móvil, BOLL, MACD, KDJ, VOL, RSI, BRAR, WR, BIAS, OBV, DMI, CR, PSY, CCI, DMA, TRIX, VR, EMV, ROC, MIM, FSL, CYR, MASA, WAD, CHO...

  • Admite herramientas de dibujo, admite guardar segmentos de línea locales o en memoria, rayos, rectángulos, líneas de arco, líneas horizontales, líneas de tendencia, líneas paralelas, canales paralelos, líneas de canales de precios, texto, líneas de ángulo de Gann, líneas de velocidad, sección áurea, porcentaje. línea, línea de banda, triángulo, ángulo simétrico, línea periódica de Fibonacci, paralelogramo, círculo, imagen de iconfont

  • Admite estadísticas de intervalo y coincidencia de formas de intervalo (no compatible con la versión del subprograma WeChat)

  • Arrastre el mouse hacia la izquierda y hacia la derecha para mover los datos, mueva el teclado con el cursor en cruz y haga zoom con el teclado

  • Admite la sintaxis de Mac

  • Admite el índice de sintaxis de Tongdaxin

  • Admite líneas K coloridas (actualmente se ingresan más de 30 líneas K coloridas en el sistema) y admite la personalización de las líneas K coloridas de la escritura gramatical Tongdaxin.

  • Indicadores del sistema experto de soporte

  • Admite gráficos de fichas de acciones individuales
    gráfico de líneas k

  • Admite el cálculo de backtest de front-end de un solo indicador y de una sola acción (webhqchartumychart.regressiontest.js) (función agregada del 13 de mayo de 2019)
    Calcula los siguientes datos:

    Comercio: {Número de transacciones Días: Número de días de negociación Éxito: Número de transacciones exitosas Fallo: Número de transacciones fallidas}
    Día: {Recuento: ejecuciones totales Máx: ejecución más larga Mín: ejecución más corta Promedio: ejecución promedio}
    Beneficio: rendimiento total StockProfit: rendimiento de acciones individuales Excess: exceso de rendimiento MaxDropdown: reducción máxima Beta: coeficiente β (Beta)
    NetValue: [ {Fecha: Fecha, Neto: Valor neto, Cierre: Precio de cierre de la acción, IndexClose: Precio de cierre del mercado}, ]

  • bombardeos de apoyo

  • Admite superposición de indicadores múltiples (nueva función agregada el 12 de julio de 2019)
    gráfico de líneas k

  • Capturas de pantalla de soporte (nueva característica agregada el 2019-7-9)

  • Admite actualización automática de datos diarios o minutos de K-line (2019-7-23)

  • Soporte para gráfico de líneas K divididas (2019-9-9)
    gráfico de líneas k

  • Gráfico de área de línea K de soporte gráfico de líneas k

  • Mapa de profundidad de soporte
    mapa de profundidad

  • Diagrama de buey de soporte. diagrama de buey

  • Admite arrastrar y soltar gráficos de indicadores Arrastrar y soltar gráficos de indicadores

  • Arrastre y zoom en el eje Y Escala del eje Y

  • Botón de pestaña indicador Botón de pestaña indicador

  • flujo de orden
    flujo de orden
    https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow.html

  • Flujo de pedidos 2
    Estilo de flujo de pedidos 2
    https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=7).html

  • Flujo de pedidos 3
    Estilo de flujo de pedidos 3
    https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=8).html

  • Flujo de pedidos 4
    Estilo de flujo de pedidos 4
    https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=17).html

  • Flujo de pedidos 5
    Estilo de flujo de pedidos 4
    https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_orderflow_v2(type=17).html

  • Gráfico de distribución del volumen de operaciones de rango fijo Cuadro de distribución de volumen

  • Gráfico de distribución del volumen de operaciones en rango visible Cuadro de distribución de volumen

  • Pilar de línea Color K Pilar de línea Color K
    https://jones2000.github.io/HQChart/webhqchart.demo/samples/demo_color_kline_v2.html

  • La ventana del indicador está maximizada y minimizada. La ventana del indicador está maximizada y minimizada.

  • La selección de rango admite el movimiento de arrastrar y soltar La selección de rango admite el movimiento de arrastrar y soltar

  • Indicador de gráfico de dispersión Indicador de gráfico de dispersión

  • gráfico de renko renko gráfico de renko

  • salto de línea salto de línea

  • Mapa de calor del libro de pedidos mapa de calor

  • Exportación de datos exportar datos

  • barra de desplazamiento horizontal barra de desplazamiento

  • American Line (ajusta automáticamente el ancho de la columna) bar

  • Área HLC Área HLC

  • Visualización de espacios descubiertos Visualización de espacios descubiertos

  • Mini herramienta de dibujo de programa Mini herramienta de dibujo de programa
    Mini herramienta de dibujo de programa

  • Segmentación de fondo
    Segmentación de fondo

  • tabla de chips
    tabla de chips
    tabla de chips

2. Gráfico de tendencias

  • Indicadores de soporte
  • Superposición de stock de soporte
  • Apoye las acciones de Shanghai, Shenzhen y Hong Kong, futuros nacionales, etc.
  • Visualización de datos de minutos
  • Admite visualización de datos de varios días y minutos
  • Admite visualización/ocultación de subastas de llamadas de acciones A (nueva función agregada el 12 de julio de 2019)
    Gráfico de tendencias 2
  • Indicadores adelantados del índice de soporte (nueva característica agregada el 15 de julio de 2019)
    indicadores principales
  • identificador de información de soporte
    identificación de información
    https://jones2000.github.io/HQChart/webhqchart.demo/samples/minuto_mines.html
  • Admite coordenadas de límite diario
  • Admite la visualización de acciones estadounidenses antes de la comercialización, dentro del mercado y después del mercado.
    acciones estadounidenses

3. Otros gráficos

  • Lista de detalles de transacciones, admite teclado y desplazamiento de página
    Detalles de la transacción
  • Lista de precios, soportes para teclado, paso de página con rodillo
    lista de precios
  • lista de cotizaciones
  1. Creación manual de lienzo puro, tablas virtuales, sin retrasos en la operación.
  2. Admite columnas fijas, operaciones de teclado: PageUP/PageDown para pasar páginas, Arriba/Abajo para mover el stock seleccionado actualmente, Izquierda/Derecha para mover columnas y la rueda de desplazamiento para pasar páginas hacia arriba y hacia abajo.
  3. Admite cambio de página de pestañas y eje de desplazamiento horizontal
  4. Admite la configuración de clasificación local de columnas o clasificación remota
  5. Gráfico de tendencias de soporte
  6. Soporta una sola columna de línea K
  7. Arrastre y suelte para ajustar el orden de los encabezados y el ancho de las columnas lista de cotizaciones
    lista de cotizaciones
    lista de cotizaciones
    lista de cotizaciones
    lista de cotizaciones
  • asistente de teclado
    asistente de teclado
  • cita en forma de T
    cita en forma de T
  • tabla de datos grandes tabla de datos grandes
    bloquear el comercio

3. Demostración de la página web

Editor de ecuaciones

  • Editor de fórmulas de imitación de Tongdaxin
  • Gráfico de tiempo compartido del editor de fórmulas de imitación de Tongdaxin

gráfico de líneas k

  • gráfico de líneas k
  • Página móvil del gráfico de líneas K
  • Página de pantalla horizontal del teléfono móvil del gráfico de líneas K
  • Línea K Prueba de velocidad de actualización de línea K de 1 minuto
  • Barra de desplazamiento del gráfico de líneas K
  • Gráfico de línea K del precio de cierre de milisegundos
  • Modo de barra de desplazamiento del gráfico de líneas K del precio de cierre de milisegundos
  • Deducción de la tabla de arena del gráfico de líneas K
  • Gráfico de líneas K de colores personalizado
  • Arrastre la línea K de minutos para descargar la página de datos históricos
  • Arrastre la línea K diaria para descargar la página de datos históricos
  • Ejemplo de plantilla de indicador
  • Barra de título del indicador de línea K personalizada

Ejemplo de indicador de fondo

  • Ejemplo de indicador de fondo de acoplamiento de línea K (DRAWBAND)
  • Ejemplo de indicador de fondo de acoplamiento de K-line (MULTI_LINE)
  • Ejemplo de indicador de fondo de acoplamiento de línea K (MULTI_SVGICON)
  • Ejemplo de indicador de fondo de acoplamiento de K-line (MULTI_TEXT)
  • Ejemplo de indicador de fondo de acoplamiento de línea K (MULTI_HTMLDOM)

flujo de orden

  • Estilo de flujo de pedidos 1
  • Estilo de flujo de pedidos 2
  • Estilo de flujo de pedidos 3
  • Estilo de flujo de pedidos 4

Gráfico de tendencias

  • Gráfico de tendencias
  • Página móvil del gráfico de tendencias
  • Página horizontal del gráfico de tendencias del teléfono móvil
  • Marcador de información de cambio de gráfico de tendencias
  • Ejemplo de plantilla de indicador

entrenamiento de línea k

  • Teléfono móvil de entrenamiento línea K
  • Pantalla horizontal del teléfono móvil de entrenamiento K line.

dividido en bolígrafos

  • Lista de transacciones
  • Modo de ventana pequeña de lista dividida

herramientas de dibujo

  • Herramienta de dibujo de líneas K
  • Herramienta de dibujo de línea K-pantalla horizontal

Cálculo del indicador

  • Los subprocesos de trabajo front-end calculan métricas en lotes

asistente de teclado

  • asistente de teclado

cita en forma de T

  • cita en forma de T

lista de cotizaciones

  • lista de cotizaciones
  • Lista de grandes transacciones

4.Tutorial de uso

Lista de herramientas de dibujo

Lista de herramientas de dibujo compatibles con HQChart

Documentación de ayuda de la función de sintaxis de Mac

Documento de ayuda de la función incorporada HQChart Mai Grammar

Tutorial H5

  1. Tutorial de uso de HQChart 1: cómo crear rápidamente una página de gráfico de líneas K
  2. Tutorial de uso de HQChart 2: cómo mostrar indicadores personalizados en la página del gráfico de líneas K
  3. Tutorial de uso de HQChart 3: cómo bloquear el indicador y mostrarlo en la página del gráfico de líneas K
  4. Tutorial de uso de HQChart 4: cómo personalizar el estilo de color del gráfico de líneas K
  5. Tutorial de uso de HQChart Descripción de la función de operación de control de gráfico de líneas 5-K
  6. Tutorial de uso de HQChart 6: cómo obtener datos del indicador en el gráfico de líneas K para realizar pruebas retrospectivas
  7. Tutorial de uso de HQChart 7: cómo crear rápidamente una página de gráfico de tiempo compartido
  8. Tutorial de uso de HQChart 9: cómo crear rápidamente una página de entrenamiento de K-line
  9. Tutorial de uso de HQChart 10: varios atributos especiales establecidos en la página móvil
  10. Tutorial de uso de HQChart 11: cómo reemplazar la API de datos de K-line con sus propios datos API
  11. Tutorial de uso de HQChart 8: cómo crear rápidamente una página de gráfico de tiempo compartido en pantalla horizontal
  12. Tutorial de uso de HQChart Ejecutor de sintaxis de 14 analistas
  13. El tutorial de HQChart tarda entre 13 y 5 minutos para completar un gráfico de líneas K de un pequeño programa
  14. Tutorial de uso de HQChart 12: cómo agregar barreras al gráfico de líneas K
  15. Tutorial de uso de HQChart Versión Python del ejecutor de sintaxis de 15 analistas
  16. Uso de la visualización del indicador en lenguaje Mai en el tutorial HQChart de 16 días
  17. Tutorial de uso de HQChart 17: superposición de coordenadas independientes de múltiples indicadores técnicos
  18. Tutorial de uso de HQChart Captura de pantalla de 18 K líneas
  19. Tutorial de uso de HQChart 19-Servicio de cálculo de indicador de stock único backend basado en HQChart
  20. Tutorial de uso de HQChart 20-Calculadora de datos transversales de acciones individuales (datos financieros)
  21. Tutorial de uso de HQChart Instrucciones de configuración del cursor de 21 cruces
  22. Tutorial de uso de HQChart 22-Cómo crear un gráfico de chips en movimiento
  23. Tutorial de uso de HQChart Configuración de visualización de la escala del eje 23 Y
  24. Tutorial de uso de HQChart 24 configuraciones en varios idiomas
  25. Tutorial de uso de HQChart 25 configuraciones de variedades múltiples superpuestas
  26. Tutorial de uso de HQChart 26: configuración de actualización automática de los datos del gráfico de líneas K y del gráfico de tendencias
  27. Tutorial de uso de HQChart 27: configuración dinámica de la plantilla de indicador de gráfico de líneas K
  28. Tutorial de uso de HQChart 28-Cómo crear indicadores del sistema
  29. Tutorial de uso de HQChart Configuración de datos de cambio de gráfico de 31 tendencias
  30. Tutorial de uso de HQChart 32: Cómo mostrar iconos vectoriales SVG personalizados en gráficos de líneas K
  31. Tutorial de uso de HQChart 39-Cómo dibujar líneas divisorias de texto en indicadores
  32. Tutorial de uso de HQChart 40-Cómo personalizar el ciclo de minutos o ciclo diario K-line
  33. Tutorial de uso de HQChart Arrastre y suelte la configuración de la línea K de 41 minutos para descargar automáticamente datos históricos
  34. Tutorial de uso de HQChart 42-Cómo conectar moneda digital con gráfico de líneas K
  35. Tutorial de uso de HQChart 43: arrastre y suelte la configuración diaria de la línea K para descargar automáticamente datos históricos
  36. Tutorial de uso de HQChart 45-Cómo modificar dinámicamente los parámetros del indicador
  37. Tutorial de uso de HQChart Interfaz externa de cálculo de datos de período de 46 minutos
  38. Tutorial de uso de HQChart 47-Cómo personalizar el menú contextual
  39. Tutorial de uso de HQChart 48-Cómo personalizar la escala del eje X
  40. Tutorial de uso de HQChart 49-Descripción del elemento de configuración del indicador
  41. Tutorial de uso de HQChart Instrucciones de configuración de escala personalizada del eje 50 Y
  42. Tutorial de uso de HQChart 51-Descripción del evento del botón de cambio de indicador
  43. Tutorial de uso de HQChart 52-Personalizar información sobre herramientas del gráfico de líneas K móvil
  44. Tutorial de uso de HQChart Control de salida de registro de 53 registros
  45. Tutorial de uso de HQChart Descripción de la interfaz del botón de control de zoom de línea 54-K
  46. Tutorial de uso de HQChart 55-Personalizar información sobre herramientas del gráfico de líneas K del terminal de PC
  47. Tutorial de uso de HQChart 56-Instrucciones sobre la lista de sufijos correspondientes a las variedades integradas
  48. Tutorial de uso de HQChart 57-Cómo ajustar el tamaño de escala de columna de la línea K
  49. Tutorial de uso de HQChart 58-Cómo dibujar un gráfico de área (como un gráfico de profundidad) en el lado derecho de la línea K
  50. Tutorial de uso de HQChart 59-Instrucciones para usar la función de ciclo cruzado y stock cruzado STKINDI
  51. Tutorial de uso de HQChart 60-nueva versión del tutorial de uso de entrenamiento de k-line
  52. Tutorial de uso de HQChart Tutorial de uso de la interfaz de la herramienta de dibujo 61
  53. Tutorial de uso de HQChart Configuración de posición decimal de 62 variedades
  54. Tutorial de uso de HQChart Interfaz de algoritmo de ciclo personalizado de 64 interfaces
  55. Tutorial de uso de HQChart 65-Establecer el nombre de la variable dinámica de salida del indicador
  56. Tutorial de uso de HQChart 66-Personalizar el efecto de solicitud de texto de descarga de datos
  57. Tutorial de uso de HQChart 67: haga clic con el mouse en el pilar de la línea K para escuchar eventos
  58. Tutorial de uso de HQChart 68-Configuración del tamaño de fuente DRAWTEXT, DRAWICON, DRAWNUMBER
  59. Tutorial de uso de HQChart 69: obtenga datos de la línea K de acciones específicas
  60. Tutorial de uso de HQChart 70: detección de gramática/traducción de indicadores de Tongdaxin
  61. Tutorial de uso de HQChart 71-Cómo personalizar la marca de verificación del eje Y
  62. Tutorial de uso de HQChart 72-Configuración de escala de regla de onda de herramienta de dibujo
  63. Tutorial de uso de HQChart 73: use Vue3.0 para crear gráficos HQChart
  64. Tutorial de uso de HQChart 74: uso para crear rápidamente un gráfico de profundidad de moneda digital
  65. Tutorial de uso de HQChart Interfaz de evento de clic del mouse del gráfico de líneas de 75-K
  66. Tutorial de uso de HQChart Interfaz de eventos de gestos de gráfico de 76 líneas
  67. Tutorial de uso de HQChart 77-Y, devolución de llamada de evento de creación de texto de escala del eje X
  68. Tutorial de uso de HQChart 78 ofertas colectivas de gráficos de tiempo compartido
  69. Tutorial de uso de HQChart 79-Interfaz de manejo de excepciones
  70. Tutorial de uso de HQChart Información del título del indicador 80 personalizado
  71. Tutorial de uso de HQChart 81-Personalizar la altura de la ventana del indicador
  72. Tutorial de uso de HQChart 82-Modificación dinámica de parámetros del indicador de superposición
  73. Tutorial de uso de HQChart Configuración de visualización del precio más alto y más bajo del gráfico de líneas 83-K
  74. Tutorial de uso de HQChart Evento de 84 botones en el lado derecho del cursor en forma de cruz
  75. Tutorial de uso de HQChart 85-Cálculo de re-derechos de acciones
  76. Tutorial de uso de HQChart 86-Gráfico de indicador técnico OX
  77. Tutorial de uso de HQChart Configuración de depuración de código fuente 87-HQChart en modo complemento VUE
  78. Tutorial de uso de HQChart 88-DRAWTEXT agrega color de fondo y borde
  79. Tutorial de uso de HQChart Función de cuenta atrás de 89 últimas líneas K
  80. Tutorial de uso de HQChart 90-DRAWTEXT agregar conexión
  81. Tutorial de uso de HQChart 91-Cómo usar DRAWICON para hacer dibujos en la aplicación
  82. Tutorial de uso de HQChart 92-Cómo crear una lista de desglose
  83. Tutorial de uso de HQChart 94-Cómo crear una lista de cotizaciones
  84. Tutorial de uso de HQChart 96: haga doble clic en el gráfico del indicador
  85. Tutorial de uso de HQChart Barra de desplazamiento del eje X de línea 97-K
  86. Tutorial de uso de HQChart 98-Introducción al uso del menú contextual 2.0
  87. Tutorial de uso de HQChart Ventana de líneas 99-K que configura el espaciado superior e inferior
  88. Tutorial de uso de HQChart 100-Personalizar el color de fondo del segmento del eje Y
  89. Tutorial de uso de HQChart 101: crear asistente de teclado integrado
  90. Tutorial de uso de HQChart 104-Instrucciones para la gestión unificada de unidades de volumen de operaciones

Configuración del cuadro de diálogo integrado 2.0 del complemento

  1. Tutorial de uso de HQChart 102 configuraciones e instrucciones del cuadro de diálogo integrado
  2. Tutorial de uso de HQChart 103-Cuadro de diálogo incorporado [2.0] Establezca información sobre herramientas de 1 K línea para mostrar campos personalizados

Tutorial del miniprograma WeChat

  1. Tutorial del subprograma HQChart 1: cómo crear rápidamente un gráfico de líneas K
  2. Tutorial 2 del subprograma HQChart: cómo utilizar la nueva versión del lienzo 2D para crear un gráfico de líneas K
  3. Tutorial 3 del mini programa HQChart: cómo cambiar entre el gráfico de líneas K y el gráfico de tiempo compartido en la nueva versión del lienzo único 2D
  4. Tutorial del mini programa HQChart Página de desplazamiento de gestos de control dinámico de 4

Miniprograma DingTalk

  1. Tutorial del mini programa HQChart DingTalk 1: crear un gráfico de líneas K

tutorial uni-aplicación

  1. Tutorial de uso de HQChart 79-Tutorial sobre el uso de componentes integrados de hqchart en uniapp
  2. Tutorial de uso de HQChart 35-Cómo crear un gráfico de líneas K (h5) en uni-app
  3. Tutorial de uso de HQChart 36-Cómo crear un gráfico de tendencias (h5) en uni-app
  4. Tutorial de uso de HQChart 37-Cómo crear un gráfico de líneas K (aplicación) en uni-app
  5. Tutorial de uso de HQChart 38-Cómo crear un gráfico de tendencias (aplicación) en uni-app
  6. Tutorial de uso de HQChart 44-uniapp utiliza compilación condicional para admitir h5, aplicaciones y programas pequeños al mismo tiempo
  7. Tutorial de uso de HQChart 60: resuelva el problema de mostrar una pantalla blanca después de ocultar la página de la aplicación uniapp
  8. Tutorial de uso de HQChart 63-uniapp usa renderjs+hqchart(h5)
  9. Tutorial práctico de HQChart 40-Cómo hacer el componente hqchart (versión uniapp)
  10. Tutorial de uso de HQChart 100-uniapp cómo ejecutar el subprograma WeChat en vue3

Tutorial de acceso front-end a datos de terceros (gráfico de tendencias)

  1. Tutorial de uso de HQChart 29-Cómo conectar gráficos de tendencias a datos de terceros 1
  2. Tutorial de uso de HQChart 29-Cómo conectar el gráfico de tendencias con datos de terceros 2-Últimos datos de tiempo compartido
  3. Tutorial de uso de HQChart 29-Cómo conectar el gráfico de tendencias con datos de terceros 3-Datos de tiempo compartido de varios días
  4. Tutorial de uso de HQChart 29-Cómo conectar gráficos de tendencias con datos de terceros 4-Superposición de datos de tiempo compartido de acciones
  5. Tutorial de uso de HQChart 29-Cómo conectar el gráfico de tendencias con datos de terceros 4-Cambio de información solicitada
  6. Tutorial de uso de HQChart 29-Cómo conectar el gráfico de tendencias con datos de terceros 5-Datos del indicador
  7. Tutorial de uso de HQChart 29-Cómo conectar el gráfico de tendencias con datos de terceros Datos de 6 minutos de websocket
  8. Tutorial de uso de HQChart 29-Cómo conectar gráficos de tendencias con datos de terceros 7-Superponer los últimos datos de tiempo compartido de las acciones
  9. Tutorial de uso de HQChart 29-Cómo conectar el gráfico de tendencias con datos de terceros Datos de relación de volumen 8

Tutorial de acceso frontal a datos de terceros (gráfico de líneas K)

  1. Tutorial de uso de HQChart 30-Cómo conectar datos de terceros con el gráfico de líneas K 1
  2. Tutorial de uso de HQChart: Cómo conectar un gráfico de líneas de 30 K con datos de terceros Datos K de 2 días
  3. Tutorial de uso de HQChart Gráfico de líneas de 30 K cómo conectar datos de terceros Datos K de 3 a 1 minuto
  4. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 4-Datos de equidad de circulación
  5. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 5-Datos del indicador
  6. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 6-Dividir datos de líneas K
  7. Tutorial de uso de HQChart: cómo conectar el gráfico de líneas de 30 K con datos de terceros y la descarga de la página de datos K de 7 días
  8. Tutorial de uso de HQChart Gráfico de líneas de 30 K cómo conectarse con datos de terceros Descarga de datos de líneas K de 8 a 1 minuto en páginas
  9. Tutorial de uso de HQChart Gráfico de líneas de 30-K cómo conectar datos de terceros Datos del indicador 9-BS
  10. Tutorial de uso de HQChart 30-Cómo conectar gráficos de líneas K a datos de terceros 10-Cómo dibujar segmentos de línea personalizados o datos de indicadores de varias líneas
  11. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 11-Cómo dibujar múltiples conjuntos de íconos personalizados
  12. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K a datos de terceros 12-Cómo dibujar texto en el indicador
  13. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 13-Utilice websocket para actualizar los datos de líneas K más recientes
  14. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 14-Actualización incremental de sondeo de datos K diarios
  15. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 15-Actualización incremental de sondeo de datos de líneas K de 1 minuto
  16. Tutorial de uso de HQChart: Cómo conectar el gráfico de líneas K de 30 días con datos de terceros, acciones superpuestas de K de 16 días
  17. Tutorial de uso de HQChart Gráfico de líneas de 30 K cómo conectar datos de terceros Stock de superposición de K de 17 minutos
  18. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K a datos de terceros 18-Cómo dibujar columnas personalizadas
  19. Tutorial de uso de HQChart 30-Cómo conectar gráficos de líneas K a datos de terceros 19-Cómo dibujar columnas de líneas K de colores
  20. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 20-Datos de anuncios de información
  21. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 21-Datos de función de ciclo cruzado
  22. Tutorial de uso de HQChart Gráfico de líneas de 30 K cómo conectar datos de terceros Datos de función 22-FINVALUE
  23. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 23-Datos de la función FINANZAS
  24. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 24-Cómo rellenar el color de fondo de la línea K
  25. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K a datos de terceros 25-Variables personalizadas del script de indicador
  26. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K a datos de terceros 26-Función personalizada del script de indicador
  27. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 27-Cómo representar elementos DOM en el indicador
  28. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 28-Big Market Data
  29. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 29-Datos de función de cadena de placa
  30. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 30-Datos de mercado en tiempo real DYNAINFO
  31. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 31-Obtener los datos de líneas K de la variedad especificada
  32. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 32-Flujo de pedidos
  33. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 33-Arrastre y suelte las variedades superpuestas de líneas diarias para descargar datos históricos
  34. Tutorial de uso de HQChart Gráfico de líneas de 30 K cómo conectarse con datos de terceros Variedades superpuestas de líneas K de 34 minutos, arrastre y suelte para descargar datos históricos
  35. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 35-Datos del gráfico de distribución de volumen de operaciones de rango fijo
  36. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K a datos de terceros 36--Gráfico de dispersión
  37. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 37-Cómo dibujar puntos
  38. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 38-Datos de líneas K del indicador Tongdaxin
  39. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K a datos de terceros 39-Zoom para descargar datos históricos de datos de líneas K
  40. Tutorial de uso de HQChart: Cómo conectar el gráfico de líneas K de 30 días con datos de terceros y una actualización incremental de stock superpuesta de K de 40 días
  41. Tutorial de uso de HQChart Gráfico de líneas de 30 K cómo conectarse con datos de terceros Actualización incremental de stock superpuesta de línea K de 41 minutos
  42. Tutorial de uso de HQChart 30-Cómo conectar el gráfico de líneas K con datos de terceros 42-DRAWTEXTREL, estructura de datos DRAWTEXTABS

Tutorial de acceso front-end a datos de terceros (detalles)

  1. Tutorial de uso de HQChart 93-Conectar la tabla de detalles de la transacción con datos de terceros 1-Datos completos de los detalles de la transacción
  2. Tutorial de uso de HQChart 93: Conexión de la tabla detallada de desglose con datos de terceros Datos detallados de desglose incremental 2

Tutorial de acceso front-end a datos de terceros (lista de cotizaciones)

  1. Tutorial de uso de HQChart 95-Lista de citas acoplada con datos de terceros Datos de tabla de 1 código
  2. Tutorial de uso de HQChart 95-Lista de citas acoplada con datos de terceros Datos de componentes de 2 sectores
  3. Tutorial de uso de HQChart 95-Lista de cotizaciones acoplada con datos de terceros 3-Datos de acciones
  4. Tutorial de uso de HQChart 95-Lista de cotizaciones acoplada con datos de terceros 4-Datos de clasificación de acciones

tutorial práctico

  1. Tutorial práctico de HQChart 1-Gráfico de tiempo compartido de Forex
  2. Tutorial práctico de HQChart 2: uso de indicadores de escritura de períodos cruzados
  3. Tutorial práctico de HQChart 3-http + ws acoplando datos de línea K minuciosos
  4. Tutorial práctico de HQChart 4-http + ws acoplando datos diarios de K-line
  5. Tutorial práctico de HQChart 5-http + ws acoplando datos de gráficos de tiempo compartido de un solo día
  6. Tutorial práctico de HQChart 6 gráficos de tiempo compartido personalizados
  7. Tutorial práctico de HQChart 7: personalice el gesto de visualización y haga clic en la línea K para mostrar información
  8. Tutorial práctico de HQChart 8-Cómo reinicializar hqchart manualmente
  9. Tutorial práctico de HQChart 9-Personalizar el gráfico de tiempo compartido A-share
  10. Tutorial práctico de HQChart Acoplamiento de gráfico de líneas de 14 K Disposición del tutorial de datos http/https de terceros
  11. Tutorial práctico de HQChart Deducción de tabla de arena de línea 17-K
  12. Tutorial práctico de HQChart 18: varias acciones en la misma columna
  13. Tutorial práctico de HQChart 45-Personalizar el fondo de la ventana del indicador
  14. Tutorial práctico de HQChart 66-Ajuste dinámico del tamaño del diseño de HQChart
  15. Tutorial práctico de HQChart Cálculo por lotes de indicadores de stock de 67 trabajadores
  16. Tutorial práctico de HQChart Gráfico de líneas de 71-K con configuración de doble coordenada
  17. HQChart tutorial práctico 73 indicadores MACD de vista comercial de imitación

tutorial pagado

  1. Tutorial completo sobre cómo acoplar HQChart con Huobi
  2. Tutorial completo sobre cómo acoplar HQChart con Ouyi

Cargos del código fuente

  1. Tutorial práctico de HQChart 36-Moneda digital Binance docking-versión uniapp
  2. Tutorial práctico de HQChart 36.2 - Versión uniapp de acoplamiento Gate.IO de moneda digital
  3. Tutorial práctico de HQChart 41-Sina + Tencent A-share fuente de datos de acoplamiento-versión uniapp
  4. Tutorial práctico de HQChart 42-Acoplamiento de fuente de datos de futuros de Sina-versión uniapp
  5. Ejemplo de gráfico de tiempo compartido de acciones para el día, utilizando datos de la página web de Oriental Fortune
  6. Ejemplo de gráfico de tiempo compartido de acciones de 5 días, utilizando datos de la página web de Oriental Fortune
  7. Ejemplo de gráfico de línea K diario de acciones, utilizando datos de la página web de Oriental Fortune
  8. Ejemplo de gráfico de líneas K de minutos de acciones, utilizando datos de la página web de Oriental Fortune

httpTutorial de acoplamiento de datos de A-share (artículo pago)

Línea K diaria

  1. Tutorial práctico de HQChart 29-A-share Daily K-line Data Docking-Versión Vue
  2. Tutorial práctico de HQChart Versión uniapp de acoplamiento de datos K-line diario 30-A-share
  3. Tutorial práctico de HQChart Versión mini del programa de acoplamiento de datos K-line diario 34-A-share

minuto línea K

  1. Tutorial práctico de HQChart Versión Vue de acoplamiento de datos K-line de 31 minutos compartidos
  2. Tutorial práctico de HQChart Versión uniapp de acoplamiento de datos K-line de 32 minutos compartidos

Cuadro de tiempo compartido

  1. Tutorial práctico de HQChart 33-Un acoplamiento de datos del gráfico de tiempo compartido-versión Vue
  2. Tutorial práctico de HQChart 35-A acoplamiento de datos del gráfico de tiempo compartido-versión uniapp

indicadores de fondo

  1. Tutorial práctico de HQChart 36-A-share indicador de fondo acoplamiento-versión uniapp

Acoplamiento de interfaz Sina

  1. Tutorial práctico de HQChart Versión de acoplamiento de datos K-line de 37 minutos de Sina
  2. Tutorial práctico de HQChart 38-Versión de acoplamiento de datos de futuros de Sina-js

Tutorial práctico de aplicación avanzada (artículo pago)

  1. Tutorial práctico de HQChart 19: información sobre herramientas de personalización de gráficos de tiempo compartido en la PC
  2. Tutorial práctico de HQChart 20: información sobre herramientas de personalización del gráfico de líneas K del lado de la PC
  3. Tutorial práctico de HQChart 21: información sobre herramientas de personalización del gráfico de tiempo compartido del lado de la aplicación para cancelar la aplicación
  4. Tutorial práctico de HQChart 21: información sobre herramientas de personalización del gráfico de líneas K de la aplicación uniapp
  5. Tutorial práctico HQChart 22: menú de selección de rango personalizado en PC
  6. Tutorial práctico 23 de HQChart: haga clic en la línea K para mostrar el gráfico de tendencia histórica de minutos
  7. Tutorial práctico de HQChart 24: cuadro de configuración de herramienta de dibujo de línea K personalizada (clase de segmento de línea)
  8. Tutorial práctico de HQChart 25: cuadro de configuración de herramienta de dibujo de línea K personalizado (tipo de texto)
  9. Tutorial práctico 30 de HQChart: configuración del dibujo de líneas K
  10. Tutorial práctico 26 de HQChart: la herramienta de dibujo K-line agrega íconos personalizados
  11. Tutorial práctico de HQChart 27: agregar un punto de animación a los últimos datos del gráfico de tendencias
  12. Tutorial práctico 28 de HQChart: cambio dinámico de estilos de color
  13. Tutorial práctico de HQChart 29: guardar los parámetros del indicador en la caché local
  14. Tutorial práctico de HQChart 39: recarga de eventos del teclado del gráfico de líneas K
  15. Tutorial práctico 43 de HQChart: agregar un punto de animación a los últimos datos del gráfico de áreas de la línea K
  16. Tutorial práctico de HQChart 44: crecimiento dinámico de ventanas de indicadores múltiples
  17. Tutorial práctico de HQChart 46: haga clic en el botón en el lado derecho del cursor en forma de cruz para agregar una marca de verificación
  18. Tutorial práctico HQChart 48: el indicador remoto obtiene el rango de la línea K de la pantalla actual
  19. Tutorial práctico de HQChart 49: haga clic para modificar el color de la línea K y el color de fondo
  20. Tutorial práctico HQChart 50 - Personalización de los botones de herramientas de la barra indicadora
  21. Tutorial práctico 51 de HQChart: lista de indicadores personalizados
  22. Tutorial práctico HQChart 52: use DRAWICON para dibujar íconos en la APLICACIÓN
  23. Tutorial práctico 53 de HQChart: especifique dinámicamente el color de fondo del intervalo de línea K marcado

Tutorial práctico de aplicación avanzada 2 (artículo pago)

  1. HQChart tutorial práctico Gráfico de líneas K de ladrillos 54-renko
  2. Tutorial práctico de HQChart Mapa de calor de 55 mapas de calor
  3. Tutorial práctico de HQChart Período de indicador de límite de 56
  4. Tutorial práctico de HQChart Información de aviso del indicador remoto 57
  5. Tutorial práctico de HQChart El gráfico principal de líneas de 58 K imita la vista comercial
  6. Tutorial práctico de HQChart Personalización del mapa de 59 profundidades Contenido de salida de información sobre herramientas
  7. Tutorial práctico de HQChart 60-Cómo personalizar el contenido de salida del cursor cruzado
  8. Tutorial práctico HQChart 61-Personaliza el color de la línea K de la estrella cruzada
  9. Tutorial práctico de HQChart 62-Personaliza la barra de título de la línea K
  10. Tutorial práctico de HQChart 63: personalice los datos de visualización de información sobre herramientas de K-line en el teléfono móvil
  11. Tutorial práctico de HQChart Barra de título del gráfico de tiempo compartido 64 personalizado
  12. Tutorial práctico de HQChart 65: personalice los datos de visualización de información sobre herramientas del gráfico de tiempo compartido en el teléfono móvil
  13. Tutorial práctico de HQChart 68: gráfico de tiempo compartido personalizado Datos de visualización de información sobre herramientas del lado de la PC
  14. HQCHART Tutorial práctico 69-HOW para establecer indicadores para la tabla principal de la tabla de tiempo compartido
  15. HQCHART Tutorial práctico Tutorial 70-K Line Chart agrega línea de costo
  16. HQCHART Tutorial práctico 72-U.S.
  17. HQCHART Tutorial práctico de 74 barra de título de indicador-customizado
  18. HQCHART Tutorial práctico de reproducción de la tabla de compartir 75 tiempos
  19. HQCHART Tutorial práctico de 76 Customize la marca de tic del eje Y
  20. HQCHART Tutorial práctico 77-Crear herramientas de dibujo de segmento de línea
  21. Tutorial de uso de HQChart 30-HOW para conectar el gráfico K-Line a la estructura de datos de 43 drogadictos de terceros
  22. Tutorial de uso de HQChart 30-HOW para conectar el gráfico de línea K con datos de datos de 44 drawpie de terceros

HQCHART COTATION LISTA Tutorial de aplicaciones avanzadas (artículo pagado)

  1. Lista de citas de HQChart Tutorial de aplicación avanzada 1-Snowball Data Acquitación de datos Lista
  2. Lista de cotización de HQChart Tutorial de aplicación avanzada 2-Fortune Fortune Data Acquitación de acciones auto-seleccionada Lista de existencias
  3. Lista de citas de HQChart Tutorial de aplicación avanzada 3-SNOWBall Data Acquitación Lista de citas UNIAPP Versión
  4. HQCHART COTO LISTA Tutorial de aplicaciones avanzadas Nombre de 4 billetes Se agregó icono de tipo
  5. Lista de cotización de hqchart Tutorial de aplicación avanzada 5-Customize Cell Text Color
  6. Lista de cotización de hqchart Tutorial de aplicación avanzada de la columna de 6 custom.
  7. Lista de cotización de hqchart Tutorial de aplicaciones avanzadas de 7 tierras columna de datos de datos
  8. HQCHART Lista de citas Tutorial de aplicación avanzada Instrucciones de estilo de columna de 8 nombre

Documentos de diseño:

  1. Cómo (C ++, JS) Escriba una tabla tradicional de la línea K y la tabla de tendencias 1
  2. Cómo (C ++, JS) Escribir una lista tradicional de K-Line and Trend Chart 2 tierras
  3. Cómo (C ++, JS) Escribir un gráfico K tradicional y una tabla de tendencias 3-how para implementar el modo de ventana multi-indicador
  4. Cómo (C ++, JS) Escriba un gráfico K tradicional y una tabla de tendencia 3-Drawing of Cross Cursor
  5. Cómo (C ++, JS) Escribir un gráfico K-Line tradicional y una tabla de tendencias de 4-K-line
  6. Cómo (C ++, JS) Escriba una tabla tradicional de la línea K y la tabla de tendencias de tendencia 5

Introducción a HQChartpy2 (motor de indicador de versión PY)

  1. HQCHART (C ++) Cálculo del indicador Introducción del motor
  2. HQCHART (C ++) Cálculo del indicador Instalación del motor
  3. HQCHART (C ++) Cálculo del indicador Motor-Py Interfaz Clase FasthQChart Introducción
  4. HQCHART (C ++) Cálculo del indicador Interfaz de motor PY Clase IHQDATA K-Line Data Acquitación

Tutorial de acoplamiento de datos HQCHARTPY2 (tomando datos de Tushare como ejemplo)

  1. HQCHARTPY2 Tutorial de acoplamiento de datos Datos de línea 1-K
  2. HQCHARTPY2 Tutorial de acoplamiento de datos Datos de 2-capital, función de distribución de chips
  3. HQCHARTPY2 Tutorial de acoplamiento de datos Datos de 3 finanzas
  4. HQCHARTPY2 Tutorial de acoplamiento de datos 4-DYNAINFO Función
  5. HQCHARTPY2 Tutorial de acoplamiento de datos 5-Refer a la función de datos de stock especificada
  6. HQCHARTPY2 Indicador Selección de stock-KDJ Selección de stock

5. Proyecto de mercado de Vue

Dirección de código (vuehqchart)
panorama general
Nombre de la página "hq.demo.page.html"

Gráfico de múltiples períodos 2
Nombre de la página "stockMultiperiod.demo.page.html"

Muestras desarrolladas para clientes basadas en la versión VUE

Página de mercado de PC
Dirección de muestra (https://jones2000.github.io/hqchart/vue.demo/infohqdemo/release/index.html)
Dirección de código (vue.demo/infohqdemo)

VUE Versión Muestra de versión móvil 1

Página del mercado de teléfonos móviles
Dirección de muestra (https://jones2000.github.io/hqchart/vue.demo/hq_h5_pages/release/stockhq.html)
Dirección de código (vue.demo/hq_h5_pages)

Vue versión de versión móvil muestra 2 estilo negro

Página del mercado de teléfonos móviles
Página del mercado de teléfonos móviles
Dirección de muestra (https://jones2000.github.io/hqchart/vue.demo/hq_h5_demo_black/release/stockhq.html)
Dirección de código (vue.demo/hq_h5_demo_black)

Muestra de página JS

Página del mercado de teléfonos móviles
Dirección de código (webhqchart.demo/h5demo)
Dirección del código VUE (vue.demo/stockpage_h5)

Premios

GVP

patrocinador

Código QR de WeChat

Historia de las estrellas

Soporte técnico pagado de HQChart

Nota: El soporte técnico no es responsable del desarrollo y la implementación.

nombre Costo (mensual) contenido
Soporte técnico único 500
Soporte técnico básico 2000 Responda preguntas relacionadas con el complemento.
Soporte técnico avanzado 5000 Responde las preguntas relacionadas con el complemento. desarrollado por el cliente mismos)
Desarrollo personalizado gráfico A partir de 5000 El costo depende de las necesidades específicas. Complemento de extensión HQChart. Pago de pago: 40%, Código de entrega: 50%, pago final: 10%
Expandir
Información adicional
Aplicaciones relacionadas
Recomendado para ti
Información relacionada Todo