7
votos
Aceito
Lógica para agrupar dados em array javascript
Tem muitas formas de agrupar, vou optar por mostrar uma com reduce. Como as suas categorias estão ligadas aos valores em data de acordo com as posições o código acaba a ser um pouco mais complicado do ...
5
votos
Aceito
Como obrigar o Highcharts a mostrar todos os pontos?
O highcharts trabalha com o conceito de agrupamento de dados para melhor visualização dos dados.
Ao utilizar o agrupamento, a amostragem é feita por base de possíveis valores, como média ou soma.
...
4
votos
Aceito
Criar gráfico dinâmico usando mysql e Highcharts
Você não está abrindo a página no servidor...
Tem que colocar as páginas dentro de uma pasta no htdoc do xampp e abrir o localhost/nome_da_pasta para funcionar.
4
votos
Lógica para agrupar dados em array javascript
var object = [
{ data: 1, categories: "Branca", name: "Feminino" },
{ data: 1, categories: "Parda", name: "Masculino" },
{ data: 2, categories: "Branca", name: "Masculino" },
];
var ...
3
votos
Aceito
HighCharts: Visible não funciona
Essa propriedade só é válida a partir da versão 4.1.9, conforme informações do próprio Highcharts - mencionada acima
Funciona com a última versão: http://jsfiddle.net/carloscariello2/1t0k2nf5/1/
, ...
3
votos
Gráfico highchart que importe os valores de tabela do banco de dados
Primeiro, essa estrutura da sua tabela, com dois campos pra identificar a presença pode ser convertida em um unico campo booleano.
Estrutura tabela:
ID | PARTICIPANTE | PRESENCA | DATA
PRESENCA ->...
3
votos
Aceito
PHP - Highcharts - PDF
Infelizmente o mpdf não suporta javascript, então para que você possa mostrar um highchart no seu pdf você terá que exportar ele em formato de imagem.
Um exemplo disto seria:
var hightchart = $('#...
3
votos
Aceito
Agrupar resultados mySQL
Se entendi corretamente, creio que:
SELECT DATE_FORMAT(`date`,'%b') AS `mes`,
SUM(CASE WHEN Type = 'E' THEN 1 ELSE 0 END) AS TypeE,
SUM(CASE WHEN Type = 'S' THEN 1 ELSE 0 END) AS TypeS ...
2
votos
Aceito
SQL Server e JSON pra gerar Highmaps: query muito longa e difícil de lidar
A query pode ser simplesmente
select
maior_uf AS estado,
count(*) as total_estado,
count(case when natureza = 'PMI' then natureza end) as 'pmi-br',
count(case when natureza = 'PPP' ...
2
votos
Aceito
Highcharts: como fazer o gráfico aparecer mesmo sem dados?
Conforme documentação você pode fazer isso setando a propriedade showAxes para true.
$('#container').highcharts({
chart: {
showAxes: true
}
});
2
votos
Aceito
Retirar valores das barras do gráfico
Se for pra tirar os números da parte de cima da barra, troque
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme....
2
votos
Aceito
Grafico de linha no chart,highchart ou char-google
Com o HighCharts você consegue fazer um gráfico com duas séries: uma em linha e outra em área. Pra chegar no resultado que você quer, basta colocar null nos valores de interseção dos dois gráficos, no ...
2
votos
Aceito
Como colocar legenda para fora do gráfico HighCharts
Na documentação você pode fazer essa modificação com o seguinte trecho de código:
yAxis:{
labels: {
x:20
}
}
Ficaria desta maneira:
yAxis: { //--- Primary yAxis
...
2
votos
Data do Mysql para o Highcharts
Pra pegar dados do banco e mostrar no highcharts uma forma q faço e funciona é colocar os dados em um array, colocar esse array dentro de outro(array push) e depois dar json encode.
2
votos
Aceito
Gráfico coluna 3D Highcharts com aparência do Amcharts
Segue as configurações de rotação dos ângulos.
alpha: 0,
beta: 0,
depth: 20,
Para mais configurações de ângulos aqui na seção chart.options3d
$('#grafico').highcharts({
chart: {
type: '...
1
voto
Aceito
Gráfico de horas no Highcharts?
Para fazer um gráfico no Highchart precisamos seguir alguns passos:
Primeiro, entre no site https://www.highcharts.com/download e faça o download do highcharts 6.1.1. Feito isso, copie a pasta code ...
1
voto
Aceito
Apenas um gráfico é apresentado por página
Você está renderizando os dois gráficos utilizando o mesmo ID.
Repare que no primeiro php você possui um container com o nome container-tt
$html1 = "<div id='container-tt' style='min-width: ...
1
voto
Aceito
sankey highchart - Pulando colunas
Simplesmente adicionar ['Brazil', 'Germany', 2 ], não resolve? (http://jsfiddle.net/morn2e4g/91/)
Foi criada uma linha do Brasil para Alemanha e a mesma continua na terceira coluna.
1
voto
Aceito
Uma cor diferente para cada coluna highcharts
Para colocar uma cor diferente para cada coluna utilize o atributo colors dentro de series:
series: [{
type: 'column',
colorByPoint: true,
colors: '#fff',
name:...
1
voto
Obter código HTML externo Renderizado
Você não vai conseguir realizar o que deseja porque o Javascript é executado SOMENTE na máquina do cliente pelo navegador Web, após o cliente receber o conteúdo (e se o Javascript estiver habilitado).
...
1
voto
Aceito
Como pegar SGV do highcharts
Para pegar o SVG, você precisa do id ou algum identificador da tag que você colocou o chart, por exemplo o meu código a seguir eu coloco meu chart na div:
<div id="Chart"></div>
// ...
1
voto
Aceito
Eixos Y diferentes em Highcharts
Você pode implementar um valor padrão de intervalo entre os valores do eixo Y:
yAxis: {
tickInterval: 10
}
No seu caso é só utilizar todo o código referente ao eixo Y e implementar o trecho ...
1
voto
Aceito
Data em um gráfico Highstock
Consegui resolver concatenando uma string na frente do strtotime($value->DataHoraPrevisao), ficando da seguinte forma:
$valorTendencia[] = array(strtotime($value->DataHoraPrevisao)."000",$value-...
1
voto
Aceito
Variável em php para javascript
Para resolver utilizei a constante JSON_NUMERIC_CHECK, da função json_encode, ficando desta maneira:
$valorTendencia[] = $value->Valor;
$encodeValorTendencia = json_encode($valorTendencia, ...
1
voto
Aceito
retorno de um pagina PHP para montagem de gráfico highcharts
Bom resolvi meu problema utilizando um variavel global que colocando o retorno do ajax.
var chart_live_calls = 0;
function requestData() {
var passar = 'qtdChamadas=' + 1;
$.ajax({
type: 'POST',
...
1
voto
Aceito
Highcharts - Line chart with date
O problema parece ser a forma da totalização no json ela está como o timestamp quando deveria ser pelo mês. Escrevi uma função que faz isso. Basicamente o que ele faz é criar um array de 12 posições ...

rray♦
- 67,5mil
1
voto
Gráfico baseado em dados semanais
você deve executar um SELECT fazendo uma contagem de registros de conexão, de desconexão, uni-los em colunas separadas e por fim soma-los, exemplo:
mysql> select * from evento;
+----------+--------...
1
voto
Mudar a linha das legendas Google Charts
Não sei se entendi bem o que você quer. Para exibir valores pequenos no gráfico de pizza utilize: sliceVisibilityThreshold: 0, nas options.
Exemplo:
var options = {
fontSize: 11,
...
1
voto
Aceito
Como mostrar os dados vindo no banco em um gráfico Highcharts no ASP NET MVC
Bom, como não encontrei saída para este problema, resolvi criando um vetor para receber as informações do gráfico e depois fazendo varias verificações Ifs para saber a quantidade de informações que ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
highcharts × 95javascript × 48
php × 29
html × 11
jquery × 11
mysql × 11
json × 11
gráfico × 10
c# × 7
css × 5
ajax × 4
asp.net-mvc × 4
mysqli × 4
google-charts × 3
array × 2
datetime × 2
chart × 2
sql × 1
laravel × 1
sql-server × 1
node.js × 1
r × 1
react × 1
api × 1
query × 1