1.0.1 • Published 1 year ago
gcb-klinechart-mobile v1.0.1
gcb-kline-chart-mobile
Install
npm i --save gcb-klinechart-mobileExamples
npm i
npm start
#Android
npm run android
#iOS
cd ios/
pod install
npm run iosProps
| Prop | Type | Description | Platform |
|---|---|---|---|
| datas | Array<KLineBar> | Dados históricos da linha K | Android iOS |
| locales | Array<string> | Configuração multilíngue | Android iOS |
| indicators | Array<KLineIndicator> | Configuração do indicador | Android iOS |
| onMoreKLineData | (params: KLineCallbackParams) => void | Solicitações de gráfico para carregar mais dados históricos | Android iOS |
| pricePrecision | number | Precisão do preço | Android iOS |
| volumePrecision | number | Precisão quantitativa | Android iOS |
| mainBackgroundColor | string | Cor de fundo da imagem principal | Android iOS |
| selectedXLabelBackgroundColor | string | Defina a cor de fundo das coordenadas do eixo X selecionadas | Android |
| priceLabelInLineTextColor | string | Defina a cor do texto na linha de preço | Android |
| priceLabelInLineTextSize | number | Defina o tamanho do texto na linha de preço | Android |
| selectedLabelTextColor | string | Defina a cor do texto da coordenada X selecionada | Android |
| selectedLabelTextSize | number | Defina o tamanho do texto da coordenada X selecionado | Android |
| priceLabelInLineBoxMarginRight | number | Defina a caixa de preço da linha de preço para a distância certa | Android |
| priceLabelInLineShapeWidth | number | linha de preço gráfico de preço amplo | Android |
| priceLabelInLineShapeHeight | number | preço gráfico de preços on-line alto | Android |
| priceLabelInLineBoxHeight | number | Definir altura da caixa de preço da linha de preço | Android |
| priceLabelInLineBoxPadding | number | Defina a margem interna da caixa de preço na linha de preço | Android |
| priceLabelInLineBoxShapeTextMargin | number | O intervalo entre o texto do preço e os gráficos na linha de preço | Android |
| priceLabelInLineClickable | boolean | Definir caixa de preço da linha de preço clicável | Android |
| priceLabelInLineBoxBackgroundColor | string | Defina a cor de fundo da caixa de preço à direita | Android |
| priceLabelRightBackgroundColor | string | Defina o plano de fundo do quadro direito da linha de preço | Android |
| priceLabelInLineBoxBorderColor | string | Defina a cor da borda do quadro direito da linha de preço | Android |
| priceLabelInLineBoxBorderWidth | number | Definir a largura da borda do wireframe de preço | Android |
| priceLabelInLineBoxRadius | number | Defina o raio do canto da caixa de preço na linha de preço | Android |
| priceLineRightLabelBackGroundAlpha | number | Define a transparência de fundo do rótulo à direita da linha de preço | Android |
| priceLabelRightTextColor | string | Define a cor do texto do preço à direita da linha de preço | Android |
| priceLineRightColor | string | Define a cor do lado direito da linha de preço | Android |
| priceLineWidth | number | Defina a largura da linha de preço | Android |
| priceLineColor | string | Definir cor da linha de preço | Android |
| priceLineDotSolidWidth | number | Largura Sólida Pontilhada da Linha de Preço | Android |
| priceLineDotStrokeWidth | number | Intervalo sólido da linha de preço | Android |
| selectedXLineWidth | number | Defina a largura da barra seletora | Android |
| selectedYLineWidth | number | Definir a largura da mira vertical | Android |
| selectedXLineColor | string | Definir a cor da mira | Android |
| selectedYLineColor | string | Define a cor do pincel de mira vertical | Android |
| selectedYColor | string | Cor do eixo Y da linha selecionada | Android |
| selectedCrossBigColor | string | Defina a cor do círculo externo do ponto selecionado da linha ruzada | |
| Android | |||
| selectedCrossPointRadius | number | Define o raio do pequeno círculo onde os retículos se cruzam | Android |
| selectedCrossPointColor | string | Defina a cor do pequeno círculo na interseção da mira | Android |
| selectedShowCrossPoint | boolean | Define se o círculo de interseção da mira deve ser exibido quando selecionado | Android |
| selectedPriceBoxBackgroundColor | string | Defina a cor de fundo do valor Y selecionado | Android |
| selectedInfoTextSize | number | Definir tamanho do texto do seletor | Android |
| selectedPriceBoxHorizontalPadding | number | Preenchimento horizontal da etiqueta de preço quando selecionado | Android |
| selectedPriceBoxVerticalPadding | number | Preenchimento vertical da etiqueta de preço quando selecionado | Android |
| selectedInfoBoxPadding | number | Selecione a margem interna da caixa de informações, a parte superior e inferior são este valor * 2 | Android |
| selectedInfoBoxMargin | number | Distância do popover da linha selecionada da borda | Android |
| selectedInfoBoxTextColor | string | Definir a cor do texto pop-up do seletor | Android |
| selectedInfoBoxBorderColor | string | Definir a cor da borda do pop-up do seletor | Android |
| selectedInfoBoxBackgroundColor | string | Defina a cor de fundo do seletor | Android |
| selectedLabelBorderWidth | number | Largura da linha de borda da coordenada X quando selecionada | Android |
| selectedLabelBorderColor | string | Cor da linha de borda da coordenada X quando selecionada | Android |
| backgroundFillTopColor | string | definir cor de fundo cor superior | Android |
| backgroundFillBottomColor | string | Definir cor de fundo cor inferior | Android |
| timeLineColor | string | Defina a cor da linha de divisão de tempo | Android |
| timeLineFillTopColor | string | Define a cor superior do gradiente de preenchimento de divisão de tempo | Android |
| timeLineFillBottomColor | string | Define a cor inferior do gradiente de preenchimento de divisão de tempo | Android |
| timeLineEndPointColor | string | Cor das luzes de respiração de compartilhamento de tempo | Android |
| timeLineEndRadius | number | O raio de cor da luz de respiração de compartilhamento de tempo | Android |
| selectedDateBoxVerticalPadding | number | Selecione a coordenada do eixo X do retículo com o preenchimento vertical da caixa | Android |
| selectedDateBoxHorizontalPadding | number | Selecione a coordenada do eixo X da linha cruzada com o preenchimento horizontal da caixa | Android |
| mainLegendMarginTop | number | Define a distância da legenda da imagem real principal da borda superior da visualização | Android |
| legendMarginLeft | number | Define a distância da legenda da borda esquerda da vista | Android |
| increaseColor | string | Cor positivo | Android |
| decreaseColor | string | Cor negativo | Android |
| betterXLabel | boolean | Defina se deve se adaptar à posição das coordenadas do eixo X esquerdo e direito, o padrão é verdadeiro | Android |
| labelTextSize | number | Definir o tamanho do texto da coordenada | Android |
| labelTextColor | string | Definir a cor do texto da coordenada do eixo | Android |
| yLabelAlign | boolean | Defina o eixo Y a ser exibido à esquerda/direita | Android |
| betterSelectedXLabel | boolean | b Defina se deve se adaptar à posição das coordenadas do eixo X esquerdo e direito, o padrão é verdadeiro | Android |
| commonTextSize | number | Configurações uniformes definem o tamanho do texto | Android |
| mainMarginTop | number | Defina o preenchimento acima | Android |
| paddingBottom | number | Definir preenchimento abaixo | Android |
| childPaddingTop | number | preenchimento superior de subviews | Android |
| commonTextColor | string | Definir cor geral do texto | Android |
| lineWidth | number | Largura de linha comum global | Android |
| candleWidth | number | Defina a largura de cada vela | Android |
| candleLineWidth | number | Defina a largura do pincel da linha da vela (a largura da linha quando oca) | Android |
| limitTextColor | string | Definir a cor do texto máx./mín. da visualização principal | Android |
| candleHollow | CandleHollow | A vela é oca? | Android |
| gridLineWidth | number | Definir a largura da linha de grade do plano de fundo | Android |
| gridLineColor | string | Definir a cor da linha de grade do plano de fundo | Android |
| gridLineRows | number | Definir o número de linhas da grade de fundo | Android |
| gridLineColumns | number | Defina o número de colunas da grade de fundo | Android |
| macdStrokeWidth | string | Largura da linha quando o macd é oco | Android |
| macdIncreaseColor | string | definir cor de ascensão macd | Android |
| macdDecreaseColor | string | definir cor de outono macd | Android |
| macdWidth | number | largura do histograma macd | Android |
| difColor | string | definir cor DIF | Android |
| deaColor | string | Definir cor DEA | Android |
| macdColor | string | Definir cor MACD | Android |
| wr1Color | string | Definir cor WR1 | Android |
| wr2Color | string | Definir cor WR2 | Android |
| wr3Color | string | Definir cor WR3 | Android |
| kColor | string | Definir cor K | Android |
| dColor | string | Definir cor D | Android |
| jColor | string | Definir cor J | Android |
| rsi1Color | string | Definir cor RSI1 | Android |
| rsi2Color | string | Definir cor RSI2 | Android |
| ris3Color | string | Definir cor RSI3 | Android |
| ma1Color | string | Definir cor MA1 | Android |
| ma2Color | string | Definir cor MA2 | Android |
| ma3Color | string | Definir cor MA3 | Android |
| volMa1Color | string | Definir a cor MA1 do volume | Android |
| volMa2Color | string | Definir a cor MA2 do volume | Android |
| volLegendColor | string | Cor da legenda do volume | Android |
| volLineChartColor | string | Defina a cor quando a visualização do volume for exibida como uma linha | Android |
| volLegendMarginTop | number | A distância da legenda do volume da borda superior da visualização do volume | Android |