Na Flot, é possível eliminar ou ocultar grade tiques sem eliminar o rótulo correspondente?

StackOverflow https://stackoverflow.com/questions/169894

  •  05-07-2019
  •  | 
  •  

Pergunta

O Flot documentação da API descreve extensas ganchos da biblioteca para personalizar os eixos de um gráfico. Você pode definir o número de carrapatos, sua cor, etc. separadamente para cada eixo. No entanto, eu não consigo descobrir como evitar Flot de desenhar as linhas de grade verticais sem remover também os rótulos para o eixo x. Eu tentei mudar o tickColor, carrapatos e opções tickSize sem sucesso.

Eu quero criar belas, gráficos Tufte-compatíveis, tais como estes:

http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint .gif http://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg

I encontrar os carrapatos verticais em meus gráficos para ser chart junk. Eu estou trabalhando com uma série de tempo que eu estou mostrando como barras verticais para que os carrapatos verticais, muitas vezes cortar as barras de uma forma que é visualmente barulhento.

Foi útil?

Solução

Como Laurimann observou, Flot continua a evoluir. A capacidade de controlar esta foi adicionado à API (como observado na edição flot Nelson ligada a).

Se você baixar a versão mais recente (que ainda é rotulado 0,6), você pode desativar linhas em um eixo com "tickLength", assim: 

xaxis: {
  tickLength: 0
}

Em vez irritantemente, este acréscimo não foi atualizado na documentação da API.

Outras dicas

Este post vem mais de dois anos mais tarde do OP e Flot (agora versão 0.6) pode ter evoluído muito durante esse tempo ou talvez haja melhores opções do que ao redor, mas em ambos os casos aqui está a minha contribuição.

eu acidentalmente esbarrou em uma solução para este problema: canal alfa conjunto de grade de cor carrapato para totalmente transparente. Por exemplo: 

var options =   {
      grid:   {show: true,
               color: "rgb(48, 48, 48)",
               tickColor: "rgba(255, 255, 255, 0)",
               backgroundColor: "rgb(255, 255, 255)"}
    };

funciona para mim.

Depois de algumas escavações ao redor, eu tenho certeza que não é possível através da API Flot. No entanto, se você ficar muito sujo, você poderia fazê-lo - eu publiquei um href="http://gyoshev.net/temp/stackoverflow/flot.html" versão modificada de um exemplo que faz isso. Ver fonte mostra toda a uglyness.

Para evitar carrapatos nas opções apenas dar carrapatos: [] no eixo correspondente

A partir de junho 2009 há flot questão 167 que é um pedido para que esse recurso exato. Inclui duas implementações e algum acordo entre o autor flot que é uma boa idéia.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top