charts

D3 js ranged bar chart [closed]

由 梦想与她 提交于 2019-12-13 06:45:07
问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 4 years ago . I'm new to d3 js. I'm looking for a chart like this one done in highcharts. In highcharts it is called column range graph. Is there any way to achieve this. When I search in google the best thing I can get is a basic bar chart. Can any one help me how to make it a ranged graph?

highcharts, json data: line and column

由 百般思念 提交于 2019-12-13 06:28:13
问题 May be really basic question: I'm playing with highcharts with two series, one represented with line and other with column, data is loaded using json, the problem is in how to tell highcharts one serie should be represented with line and the other with column type, like this The problem (for me) comes when Series options in json mode of highcharts are only like this: }, series: json }); whilst in "normal mode" you can set for example: series: [{ **type: 'column',** name: 'Name', data: [], },{

Display vertical line on intersection point

由 本秂侑毒 提交于 2019-12-13 06:24:48
问题 I'm trying to represent a Pareto chart with Highcharts, as you can see here. The horizontal line shows the 80% value , but now I wanted to display a vertical line where that horizontal 80% line intersects with the "Acumulated" chart series. This is an example of what I'm trying to achieve: Is there a way to do it? Another option would be to get the "x" value of the "Acumulated" spline where it's "y" value is "80", that way I could then draw the line manually. Is this even possible with the

Binding DataViz chart (Bar chart) locally using Angular

由 你说的曾经没有我的故事 提交于 2019-12-13 06:05:11
问题 I want to implement a kendo DataViz chart i.e., Bar chart locally using Angular binding, also i want to show bars of different colours as shown in the image: Kindly advice me how to implement. A sample was created here http://plnkr.co/edit/?p=catalogue 回答1: Start with something like this: HTML: <body ng-app="app" ng-controller="myCtrl"> <div kendo-chart k-options="barOptions" /> </body> JavaScript: var app = angular.module('app', ['kendo.directives']); app.controller("myCtrl", function(

How to place an image background in a google chart

由 只愿长相守 提交于 2019-12-13 06:02:01
问题 I need to place a background image in a Google Chart. I've seen solutions which suggest including the chart in a parent div and setting a background image for the parent div. However, if I do that then the background image will also cover the area outside the chart where the axis labels and legend, etc are displayed. I want my image in the chart area itself only. Alternatively, is there any way to retrieve the chart options so that I could use chartArea.top, chartArea.left, chartArea.width

How can I force multiple y-axis in Highcharts to have a common zero when min/max values are not in same ratio above 0 and below 0 for all the y-axis

由 帅比萌擦擦* 提交于 2019-12-13 05:58:03
问题 The link mentioned below and the posted code helped me to fix this issue partially but I do see issues when min/max values are not in same ratio above 0 and below 0 for all the y-axis(see the scenario# 2 values). Scenario# 1: Working when values are something like below Y-Axis 1 - Min/MAX: -750/+750, Y-Axis 2 - Min/MAX: -10/+10, Y-Axis 3 - Min/MAX: -1/+1 Scenario# 2: See 0's aren't aligned correctly when values are like below Y-Axis 1 - Min/MAX: -1000/+750, Y-Axis 2 - Min/MAX: -15/+15, Y-Axis

Google Visualization chart does not render after adding CSS

由 孤街浪徒 提交于 2019-12-13 05:55:42
问题 I'm having some troubles with displaying a graph. It's a very strange issue, because it works on older laptops and it works on safari. But not on Chrome / older firefox versions. This works like a charm! ... well on my older laptop.. and Safari. Chrome and firefox fail to do the job (haven't even tried IE). I'm also using Impress.js for some fancy transitions... (maybe there's the problem.. but I like to think it isn't because I want to keep the lib...) I kinda pinpointed the issue... and the

Remove blank space below and above google graph?

由 廉价感情. 提交于 2019-12-13 05:54:48
问题 I have used google graph on a particular page after few contents. But as the number of rows(data) in google graph increases, space between content and graph increases. I have tried to modify the height, but no result. Here is my code - function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Projects'); data.addColumn('number', 'Hours'); var monthData = jQuery(".slick-active").html(); var monthTemp = monthData.toString().split(" "); var month =

Getting javascript array through jquery ajax

由 谁说胖子不能爱 提交于 2019-12-13 05:50:02
问题 maybe you could help me. My jquery ajax call result is splitted with "||" and it creates an array of values. One of these values is a string like this: [['2012-11-18', 33, 2], ['2012-11-19', 162, 11], ['2012-11-20', 140, 13]] I need to make this as a viable javascript array to pass it to google chart drawchart(myarray) function to use it with data.addRows(myarray); Can anyone help me to achieve it? I can make this ajax returned array to look like whatever, what is important is that i could

Can an Excel UDF trigger a macro or worksheet event?

由 喜你入骨 提交于 2019-12-13 05:48:39
问题 I’m working on an interactive Excel chart where all you have to do is mouse over selected cells to update the chart using a UDF. This works fine, however the chart data does not always come on consecutive lines and I would like to use the Excel filter to hide those rows, removing them from the chart. I have the VBA code to hide the rows and I’ve tried: inserting the VBA code into the UDF calling a separate macro from the UDF creating a worksheet change event (based on the cell the UDF
订阅 charts