Articles of gráficos de

Información sobre herramientas en varios gráficos en chart.js mostrando los valores incorrectos

Estoy usando el último Chart.bundle.js para crear múltiples gráficos de barras astackdas en la misma página. Por ejemplo, tengo 3 gráficos con 2 conjuntos de datos. Los gráficos son correctos, pero la información sobre herramientas de cada uno de los gráficos es siempre la misma y muestra valores incorrectos. enlace de captura de pantalla . […]

Mostrar datos dynamics en Angular6 con GoogleChart

Uso Angular Cli6, angularfire2 y firebase. Quiero crear una línea de tiempo con GoogleChart. //GoogleChart.service declare var google: any; export class GoogleChartsBaseService { constructor() { google.charts.load(‘current’, {‘packages’:[“timeline”]}); } protected buildChart(data: any[], chartFunc: any, options: any) : void { var func = (chartFunc, options) => { var datatable = google.visualization.arrayToDataTable(data); chartFunc().draw(datatable, options); }; var callback = […]

Cambia el color de la barra en el chat de Gantt basado en el valor

Me gustaría cambiar el color de la barra en el diagtwig de Gantt según el valor que estoy pasando. Cuando el Percent done es igual a más de 100, la barra debería ser roja. ¿Es posible? https://jsfiddle.net/1cez1duf/ google.charts.load(‘current’, {‘packages’:[‘gantt’], ‘language’: ‘pt-br’}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn(‘string’, ‘Task ID’); data.addColumn(‘string’, ‘Task […]

La visualización de la línea de tiempo de Google no cambia la altura de la fila de la serie en la interacción del control deslizante

Así que tengo una línea de tiempo con datos que pueden ser concurrentes … Cuando muevo el ChartRangeSlider a un período de tiempo diferente, algunas de las barras de la línea de tiempo desaparecerán o se mostrarán porque no ocurre nada en el período de tiempo que esté activo. Así es como se configuran la […]

Cómo mostrar el signo “%” en el mouse del mouse en el gráfico circular

Estoy dibujando gráfico en la interfaz de usuario usando ChartJS 2.0 . Y soy capaz de hacer un gráfico circular. Pero quiero que el mouse-hover muestre los datos junto con un signo ” % “. ¿Cómo puedo adjuntar %? Entonces, si en el mouse del mouse (ratón) estoy Rented: 93 Me gustaría ver Rented: 93 […]

Agregue dataLabel al gráfico de área en Highcharts.js

Quiero agregar una etiqueta de datos a un punto específico en el gráfico ‘Área’. Estoy usando ‘Highchart’ para hacer el gráfico. Quiero una etiqueta de datos en el diseño del gráfico como la siguiente imagen. ¿Qué debo intentar? Intenté dataLabel definido en el gráfico de ‘línea’ pero aplica dataLabel a cada punto en el gráfico. […]

¿Cómo ocultar la etiqueta highChart plotLine hasta que se mueva el mouse?

http://jsfiddle.net/leongaban/n36y336z/ Tengo una serie de ttwig en mi highChart que tiene una etiqueta. Lo que estoy tratando de hacer es ocultar la etiqueta hasta que se mueva el mouse. ¿Alguien ha intentado esto antes? $(function() { var $report = $(‘#report’); $(‘#container’).highcharts({ xAxis: { plotLines: [{ // mark the weekend color : ‘rgba(254,235,236,0.5)’, from : Date.UTC(2010, […]

¿Cómo mostrar siempre la etiqueta en chartjs sin mouseover?

Estoy usando la última versión de Chart Js. Necesito mostrar siempre la etiqueta en la tabla (sin pasar el mouse). ¿Es posible? Si es así, entonces ayúdame con el código de ejemplo de trabajo. Gracias. Mi código de Chartjs actual: var ctx = $(“#myChart”); var label = ctx.data(‘clabel’).split(‘,’); var val = ctx.data(‘cval’).split(‘,’); var myChart = […]

¿Diferentes tamaños de marcadores en highcharts?

Para mi gráfico de dispersión en gráficos altos, me gustaría que diferentes series tuvieran un radio de marcador diferente. es posible? “plotOptions”: {“series”: {“marker”: {“enabled”: true ,”symbol”: “circle” ,”radius”: 15} } } { No funciona utilizar: “plotOptions”: {“series”: {“marker”: {“enabled”: true ,”symbol”: “circle” ,”radius”: 15,20,10,5,2} } } {

Agregue el controlador de eventos de zoom a los gráficos para chartjs con chartjs-plugin-zoom

chartjs-plugin-zoom es un complemento de zoom y paneo para Chart.js Puede llamar a chart.resetZoom () para restablecer programáticamente el zoom al estado predeterminado. Vea este ejemplo en jsfiddle . HTML: Reset zoom JavaScript: var ctx = document.getElementById(“myChart”); var myChart = new Chart(ctx, { type: ‘bar’, data: { labels: [“Red”, “Blue”, “Yellow”, “Green”, “Purple”, “Orange”], datasets: […]