2b:["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Se a altura for maior do que o gráfico comporta, a linha pode “vazar” para fora. Teste com care e alinhe sempre ao layout."}]]}] 2c:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Largura do pointer: precisão e foco visual"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Use stripWidth para determinar a espessura da linha. Números baixos como 1 deixam o pointer discreto e objetivo, ideais para análise minuciosa."}]]]}] 2d:["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Cor do pointer: contraste e identidade visual"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"O parâmetro pointerColor define a cor da bolinha (círculo) central do pointer. \n Defina pointerStripColor para personalizar a cor da linha. Use cores como white para garantir contraste, ou RGBA para criar transparência: rgba(255,255,255,0.7) deixa o pointer sutil, mas visível."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-blue-500/10 border-blue-500/20 text-blue-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-blue-400","children":[["$","span",null,{"children":"ℹ️"}],"Dica extra"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Harmonize pointerColor e pointerStripColor para uma interface consistente. Evite tons próximos ao fundo do gráfico!"}]]}]]}]]]}] 2e:["$","section","6",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Up to data point: linha até o dado"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Ative upToDataPoint: true para o pointer se estender somente até o ponto de dado clicado. Deixa a visualização mais objetiva, evitando linhas atravessando todo o gráfico inutilmente."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-yellow-500/10 border-yellow-500/20 text-yellow-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-yellow-400","children":[["$","span",null,{"children":"⚠️"}],"Atenção"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Esse recurso ajuda o usuário a focar no dado exato, sem poluição visual. Útil para gráficos densos."}]]}]]}]]]}] 2f:["$","section","7",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Delay para desaparecer: pointer vanish delay"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"pointerVanishDelay: 0 garante que o ponteiro suma imediatamente após o clique. Ajuste conforme a experiência desejada: valores maiores deixam o pointer por mais tempo."}]]]}] 30:["$","section","8",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Desativando o pointer no toque longo"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Para evitar interações acidentais, defina activityPointerOnLongPress: false . O ponteiro só aparece com clique direto, não por pressões prolongadas."}]]]}] 31:["$","section","9",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Pointer configurado: teste visual"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Com todas as propriedades aju