charts

问题 I've enhanced a force diagram to compare two profiles. I am trying to have the main node take on an image http://jsfiddle.net/LsMZp/5/ how do I get the image to be centrally aligned (sized correctly) and the thumbnail data passed in more dynamically from the json string. also if someone shares a particular interest - is there a better way of handling it - if the information is duplicated a link is formed but a nomad node remains left and unlinked. also is there a way to provide a stir of

问题 I have three tables named Deposit, Debit and Transfer, like Deposit { DepositID, DepostDate, Amount} Debit { DebitID, DebitDate, Amount} Transfer { TransferID, TransferDate, Amount} How can I show all three tables in one chart? I am even wondering if it is better to put those three tables into one table instead, like Transaction {TransactionId, TransactionTypeId, TransactionDate, Amount} where TransactiontypeId could be 1 = for Deposit, 2 for Debit and 3 for Transfer and bind this transaction

问题 I am creating a line chart using AnyChart anychart.onDocumentReady(function() { // create line chart var dataSet = anychart.data.set([ [ "24 Apr 2019", 100.0 ], [ "24 Apr 2019", -100.0 ], [ "29 Apr 2019", 100.0 ], [ "29 Apr 2019", 100.0 ], [ "2 May 2019", 100.0 ], [ "2 May 2019", -100.0 ], [ "3 May 2019", 100.0 ], [ "6 May 2019", -100.0 ], ]); chart = anychart.line(); chart.animation(true); chart.crosshair() .enabled(true) .yLabel(false) .yStroke(null); chart.tooltip().positionMode('point');

问题 i am using morris line chart in my application, Here everything is complete but on x axis i wrote 1 then it display 1910 but i want there current month and date not year. means i want date in place of list of year. Here is my code: Morris.Line({ element: 'line-example', data: [ { time: '1', a: 0, b: 0 }, { time: '2', a: 0, b: 0 }, { time: '3', a: 0, b: 0 }, { time: '4', a: 0, b: 0 }, { time: '5', a: 0, b: 0 }, { time: '6', a: 0, b: 0 }, { time: '7', a: 0, b: 0 }, { time: '8', a: 0, b: 0 }, {

问题 I hope that I can -in google visualization timeline- show time/date of mouse cursor in Java Script, Say like : console.log(googlechart.timedate(mouse.x)); is there any way to get the time date of my mouse x? the thing is that I am trying to do dragging for the timeline elements, so I first get the distance of the mouse got dragged when the cursor was on some element, now I got the pixels and I want to apply that changing in value of that timeline element that the dragging was over it,but can

问题 I wish to draw the percentages on the pie pieces of a Chart.js pie chart, in my Ionic 4 / Angular application. My Chart.js version is 2.8.0 I have the following code I found here, where I can see it works. But when I add it, my formatter() is just not called (I have added a breakpoint and it is just not called) public ngOnInit() : void { this.data = { datasets: [{ data: [10, 20, 30, 50], backgroundColor: [ 'green', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)

问题 Currently, it is observed that all series data labels when shown, overlap or only the show/hide behaviour of data labels can be achieved through the formatter function. Its observed that connectors for series data labels of leaf level nodes or the position of series data labels outside are not configurable. Refer the following JS Fiddle: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/sunburst dataLabels: { format: '{point.name}', filter: {

问题 what I am trying to do is that I have a graph which loads completely at the moment I enter the button to show the data. The graph looks fine as Shown below : But I dont want to make the data looks static , what i want is to show the data as a realtime , as like an example I am showing Below. Just an Example I just want to make the data look like moving or live. Here id my code I am using to create the Chart : function createGraph(data) { var plots = ["plots Data"]; for (var i = 0; i < data

问题 I am trying to create simple Serial Chart in AmCharts but can't make the bars take up the full width of the container. Is there a way to force this? Interestingly, when I inspect the svg element, it does take up the full width of the parent but the bars inside don't stretch that full length. Here's the graph configuration. this.chart = this.AmCharts.makeChart(this.barChart.nativeElement, { type: 'serial', creditsPosition: 'bottom-right', rotate: true, resizeCategoryWidth: 10, dataProvider:

问题 I'm trying to make drilldown for a column chart in highcharts using below js // Create the chart Highcharts.chart('container', { chart: { type: 'column' }, title: { text: 'Browser market shares. January, 2015 to May, 2015' }, subtitle: { text: 'Click the columns to view versions. Source: <a href="http://netmarketshare.com">netmarketshare.com</a>.' }, xAxis: { type: 'category' }, yAxis: { title: { text: 'Total percent market share' } }, legend: { enabled: false }, plotOptions: { series: {