gcb-kline-chart-mobile

Install

npm i --save gcb-klinechart-mobile

Examples

npm i
npm start

#Android
npm run android

#iOS
cd ios/
pod install
npm run ios

Props

| 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 |