charts

问题 I've been struggling with my problem since 7 days. I have 1 XML input data and want to convert that into desired PDF file with line chart XML <?xml version="1.0" encoding="utf-8"?> <sample-data xmlns:ms="urn:schemas-microsoft-com:xslt" xmlns:ht="urn:xyz.com/xslt/extensions"> <section name="relative-performance"> <historic-valuations> <valuation-list> <valuation> <value>890000</value> <date>2014-12-01T00:00:00</date> </valuation> <valuation> <value>923789</value> <date>2015-12-01T00:00:00<

问题 This question already has answers here : svg / d3.js rounded corner on one corner of a rectangle (5 answers) Closed 2 years ago . I am trying to create a Bar chart using D3.js. The condition is that Bar should have fixed width and padding between the bars and it should be plot at center of grid lines. Tooltip should appear on click with a vertical line I am able to create the grid lines with plotted bar, somehow rx,ry is rounding from both sides. How can i acheive the same sort of result. var

问题 This question already has answers here : svg / d3.js rounded corner on one corner of a rectangle (5 answers) Closed 2 years ago . I am trying to create a Bar chart using D3.js. The condition is that Bar should have fixed width and padding between the bars and it should be plot at center of grid lines. Tooltip should appear on click with a vertical line I am able to create the grid lines with plotted bar, somehow rx,ry is rounding from both sides. How can i acheive the same sort of result. var

问题 Given the following data set: Request starttime Duration (ms) 1 00.000 222 2 00.005 257 3 00.001 270 4 00.003 299 5 00.292 198 6 00.327 199 7 00.318 319 8 00.333 451 9 00.511 323 I need to draw an overlapping bar graph, something akin to this overlapping bar graph (from google): However, when I try to draw the bar chart in mac excel, excel overloads the y-axis with request count and start time, rather than making start time and duration as both applied to the x-axis. In short, the y-axis is

问题 Given the following data set: Request starttime Duration (ms) 1 00.000 222 2 00.005 257 3 00.001 270 4 00.003 299 5 00.292 198 6 00.327 199 7 00.318 319 8 00.333 451 9 00.511 323 I need to draw an overlapping bar graph, something akin to this overlapping bar graph (from google): However, when I try to draw the bar chart in mac excel, excel overloads the y-axis with request count and start time, rather than making start time and duration as both applied to the x-axis. In short, the y-axis is

问题 I am trying to put rectangle to make a upper-lower range/level in chart.js, like in image Although I am able to make it by drawing two line in this example var ctx = document.querySelector("#myChart").getContext('2d'); Chart.pluginService.register({ afterDraw: function(chart) { if (typeof chart.config.options.lineAt != 'undefined') { var lineAt = chart.config.options.lineAt; var ctxPlugin = chart.chart.ctx; var xAxe = chart.scales[chart.config.options.scales.xAxes[0].id]; ctxPlugin

问题 I am trying to put rectangle to make a upper-lower range/level in chart.js, like in image Although I am able to make it by drawing two line in this example var ctx = document.querySelector("#myChart").getContext('2d'); Chart.pluginService.register({ afterDraw: function(chart) { if (typeof chart.config.options.lineAt != 'undefined') { var lineAt = chart.config.options.lineAt; var ctxPlugin = chart.chart.ctx; var xAxe = chart.scales[chart.config.options.scales.xAxes[0].id]; ctxPlugin

问题 I have code that generates data in the DataGridView and I want to also push this to a chart from the same button click. Process: Text is put into a text box myInputBox then the button processButton is pressed to split the text up and output it to the DataGridView myOutputDGV the button has the following code: private void processButton_Click(object sender, EventArgs e) { List<string> mySplit = new List<string>(myInputBox.Text.Split(new string[] { "XN" }, StringSplitOptions.None));

问题 I'm having a bar chart in my application which was drawn using D3V3. The sample code has been added below. In my chart, it shows months in a 12 months time period. So depending on the situation, December doesn't always come to the corner of the x-axis. So to show the separation of the year I want to show a separator in the chart to separate two years. Is there a way that can be done. Following is an image of my requirement. Does anyone know how to do this? I found a solution for this for D3V4

问题 I am trying to figure ou the proper way to combine Puppeteer and the GoogleCharts library to render Bar charts and export a PNG image of the chart. The basic layout, mostly inspired by the Puppeteer documentation seems to be something like that, to create a new page with a canvas element. (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.setContent(` <!DOCTYPE html> <html> <body> <canvas id="chart" width="580" height="400"></canvas> <