charts

问题 I'm doing some training to better learn how to use vue.js and electron. I've decided to make a simple app to track the profit/loose of a trading day. I will calculate the difference between the end balance and the start balance of every day with a subtraction operation. After some trouble I'm able to get the result of the operation on the DOM using the computed function of vue. What I want to do is to use chartist.js to create a simple chart that will track the results after it is calculated.

问题 $days = ["Monday","Tuesday","Wednesday"]; $rates = [40,60,80]; $profit = []; foreach($days as $day => $value){ foreach($rates as $rate){ $netprofit = $rate* 20; $profit[$value] = [$rate=> $netprofit]; } } $usersChart = new UserChart; $usersChart->labels($days); foreach($profit as $key => $value){ $data = array(); foreach ($value as $values){ $data[] = $values; } $usersChart->dataset($key, 'line', collect($data)); } I want to show this array into Chartjs Line Graph. I want the x axis to be the

问题 $days = ["Monday","Tuesday","Wednesday"]; $rates = [40,60,80]; $profit = []; foreach($days as $day => $value){ foreach($rates as $rate){ $netprofit = $rate* 20; $profit[$value] = [$rate=> $netprofit]; } } $usersChart = new UserChart; $usersChart->labels($days); foreach($profit as $key => $value){ $data = array(); foreach ($value as $values){ $data[] = $values; } $usersChart->dataset($key, 'line', collect($data)); } I want to show this array into Chartjs Line Graph. I want the x axis to be the

问题 I am looking to plot on a timeline a series of events with a start and end date. It seems like the google chart library offers that specific functionality through the Timeline chart type. I also need to plot single, punctual events (not only events that happen over a begin/end timespan) and represent them with symbols like circles, triangles or other. I was wondering if it is possible to add another layer on top of the timeline to do that? Or perhaps to add custom shapes to represent events

问题 I have a chart data table with series values as numbers (these are MIDI note numbers - e.g. 60 is middle C, 61 is Db). But for the user, the chart y-axis ticks should be the note names . How can I do that please? 回答1: using object notation, you can provide the value ( v: ) and the formatted value ( f: ) for each tick {v: 60, f: 'C4 (middle C)'} see following working snippet... google.charts.load('current', { packages: ['corechart'] }).then(function () { var data = google.visualization

问题 Im having some trouble with ChartJs and hope you can help. I would like to create a Bar Chart where: Zero Lables that only contains dataset with zeros are not showing If only one data value in a chart it is cen I have added the code example here at codepen: Link to ChartJs CodePen var Canvas = document.getElementById("myChart"); var Data1 = { label: 'Project A', data: [10, 0, 10, 0 ,0 ,0 ,10], backgroundColor: 'rgba(0, 99, 132, 0.6)', borderWidth: 0, yAxisID: "y-axis" }; var Data2 = { label:

问题 I have a VBA code to automatically change the color in a chart, which I found from this site: http://datapigtechnologies.com/blog/index.php/automatically-set-chart-series-colors-to-match-source-cell-colors/ The code is posted below. My problem is that I need this code to apply to the chart's horizontal categories instead of the series because I am using a horizontal bar chart and the data has to be arranged in this way. How can I change the VBA to apply the automatic color change to the

问题 I am trying to build a vertical combo chart programmatically. This can be done by setting the "orientation" option of a ComboChart to "vertical" (according to https://developers.google.com/chart/interactive/docs/gallery/combochart) This works fine if you open the JSFiddle below the first image on the page linked above and add the option "orientation: 'vertical'," var options = { title : 'Monthly Coffee Production by Country', orientation: 'vertical', vAxis: {title: 'Cups'}, hAxis: {title:

问题 Introduction: I have a ApexCharts chart with data from an API. I'm using an API called finnhub to get the stock market data which is displayed on the chart. The data returned has an array of prices and a corresponding array of times, which are not at an equal interval (stock market is closed at certain times) (prices on the y-axis and time on the x-axis). The data I'm getting is quite high resolution, which means there are a LOT of labels on the x-axis, making it look really cluttered and

问题 I'm trying to build a chart in chart.js, showing price data of a virtual item, with a line chart showing pricing, and a backlay bar chart, showing sales volume, like this: My issue is, the y-axis is the same for both, meaning the price data is shown at the bottom with unnoticeable differences, since the volume is in the hundreds. I want the price data to be on the y-axis, with the bars shown relatively, with the highest volume being shown as 100% height, not the values on the y-axis,