linechart

Creating a categorical line chart in D3.js (V4)

由 泪湿孤枕 提交于 2019-12-08 01:38:53
问题 I'm relatively new to D3.js and I'm visualising the 'PassengersIn' & 'PassengersOut' values from my busdatasimple.json file. For reference, one of the JSON objects looks like this; { "BusNo": "1", "Date": "21 November 2016", "Time": "09:10:34 AM", "Destination": "Pier 50", "Longitude": "-122.383262", "Latitude": "37.773644", "PassengersIn": "8", "PassengersOut": "1" } I'm now trying to graph the PassengersIn & PassengersOut against the Destination using two lines on a line graph. I'm

JavaFx 2.x: XYChart properties

由 早过忘川 提交于 2019-12-08 00:54:06
问题 Having a simple XY LineChart, I would like to set grid and line stroke (width), style (dotted, dashed and so on) and color as rgb as well as background color without using css. Is this possibile? And if so, how to? I can't find any suitable method. import javafx.application.Application; import javafx.event.EventHandler; import javafx.scene.Scene; import javafx.scene.chart.CategoryAxis; import javafx.scene.chart.LineChart; import javafx.scene.chart.NumberAxis; import javafx.scene.chart.XYChart

JavaFX LineChart: Insert new data in the middle of the chart

由 ▼魔方 西西 提交于 2019-12-07 17:35:38
问题 I'm using a line chart with JavaFX: LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis); XYChart.Series series = new XYChart.Series(); lineChart.getData().add(series); I want to add data to the series successively, thereby the order in which the values arrive can not be predicted. For example, the index can be between 0 and the current size of the series. series.getData().add(new XYChart.Data(index, value)); Consider the following scenario: //initializing... series.getData()

Google Charts: Switching between Line and Column charts

由 对着背影说爱祢 提交于 2019-12-07 13:59:18
问题 I have a dashboard with some Google Analytics metrics being pulled in. I want to chart these metrics on a Day-By-Day, Month-By-Month, and Week-By-Week chart. The Day-By-Day chart in a Line Chart, but the others are Column Charts. I'm able to get the chart to draw initially as a Line or Bar Chart, and then get it to redraw as a different type, but after that it won't redraw again! This is a basic, simplified example I've set up to explain my situation: <!DOCTYPE html> <head> <title>Test</title

Use only custom label in X-axis in .NET chart

由 爷，独闯天下 提交于 2019-12-07 02:25:09
问题 I'm making a .NET line graph in C# with an X-axis interval of weeks. For my project, I only want to be using the custom label, but for now I still want the gridlines. Does anyone know a way to hide the default X-Axis labels while still keeping the custom labels? I tried this: Chart4.ChartAreas[0].AxisX.LabelStyle.Enabled = false; The obvious result is that there were no labels applied, which is not what I was trying to do. EDIT: The code for generating the original rows was this: Chart4

MPAndroidChart hide background grid

由 自古美人都是妖i 提交于 2019-12-06 16:35:07
问题 I'm using MPAndroidChart - LineChart in my android application. I want to remove gridlines from the background . How can I remove gridlines from the background? Library: MPAndroidChart on GitHub EDIT: I created my own custom LineChart using this library. I want to remove bottom line. how can I do that too? 回答1: Use this: mChart.getAxisLeft().setDrawGridLines(false); mChart.getXAxis().setDrawGridLines(false); Please note you may need right axis or both of them. It depends on axis you are

JavaFx 2.x: XYChart properties

由 ∥☆過路亽．° 提交于 2019-12-06 13:40:45
Having a simple XY LineChart, I would like to set grid and line stroke (width), style (dotted, dashed and so on) and color as rgb as well as background color without using css. Is this possibile? And if so, how to? I can't find any suitable method. import javafx.application.Application; import javafx.event.EventHandler; import javafx.scene.Scene; import javafx.scene.chart.CategoryAxis; import javafx.scene.chart.LineChart; import javafx.scene.chart.NumberAxis; import javafx.scene.chart.XYChart; import javafx.scene.input.MouseEvent; import javafx.scene.layout.BorderPane; import javafx.stage

Creating a categorical line chart in D3.js (V4)

由 谁都会走 提交于 2019-12-06 11:33:29
I'm relatively new to D3.js and I'm visualising the 'PassengersIn' & 'PassengersOut' values from my busdatasimple.json file. For reference, one of the JSON objects looks like this; { "BusNo": "1", "Date": "21 November 2016", "Time": "09:10:34 AM", "Destination": "Pier 50", "Longitude": "-122.383262", "Latitude": "37.773644", "PassengersIn": "8", "PassengersOut": "1" } I'm now trying to graph the PassengersIn & PassengersOut against the Destination using two lines on a line graph. I'm struggling with the axes as the x has only 2 ticks and the y is not scaling to my data. As seen below; My code

Android Afreechart - Change point shape, thickness and color of line

由 痴心易碎 提交于 2019-12-06 11:18:52
I am trying to change the shape of a line chart's points, in my app. I am using afreechart's TimeSeriesChart . I want to make this line fancy in terms of thickness, color and points shape. Where to change the code? which method will use for that? What I'm having now: (source: googlecode.com ) What I want: om/svn/doc/screenshot/images/XYDrawableAnnotationDemo01.png) As you can see, in the first chart, the points of the line chart are opaque and rectangle(square?), and in the second one, they are fancy. So, what needs to be changed? I cant seem to figure out the variable used to store this shape

I want to hide the label in a tooltip because it shows undefined

由 ☆樱花仙子☆ 提交于 2019-12-06 09:05:06
I am using chart.js to show a line chart. How can I hide a tooltip label for a chart.js line chart? The label in the tooltip is showing undefined so I want to hide the label (please see the screenshot)? Perhaps there is a way to modify tooltip where I can show only the legends value in tooltip? My code is as follows: myLine = new Chart(ctx).Line(lineChartData, { type: 'line', responsive: true, scaleShowGridLines : false, bezierCurve : false, animationEasing: "linear", tooltipEvents: ["mousemove", "touchstart", "touchmove"], showTooltips: true, scaleLineColor: "rgba(0,0,0,.8)", }); Just set the
订阅 linechart