charts

问题 I have a grouped bar chart with an interactive legend. All seems to display and work ok but the legend is missing a value. I know that the issue is that the legend is going off the index of items on the x0 axis rather than the index of the bars (x1 axis). However i do not know how to resolve this. My data consists of the following: [{ "Group": 1, "DataPoints": [{ "BarValue": "Extension Cable", "Value": 1 }] }, { "Group": 2, "DataPoints": [{ "BarValue": "Extension Cable", "Value": 1 }, {

问题 I'm using Google chart to visualize my data and i'm using 3d pie chart to show data in bootstrap modal but the value is going outside from the pie chart i searched on google but get noting on this issue <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal

问题 I have a c# RangeBar chart with about 25 labels on the AxisX. Depending on my live data, some of these labels have visible data points in the chart. Typically about 3/4 of the 25 labels don't have any data points. All horizontal gridlines are enabled, which makes the chart a bit cluttered. Especially for data points that are further away on the AxisY, it's difficult to distinguish at a glance to what label on the AxisX they belong. My idea is to differentiate the AxisX labels that have

问题 I want to create a donut chart with a thin gray background in it. The only way I found to create it is adding a second donut chart to create the background. Is there any way to do it simpler? HTML: <div class="chart-cont"> <canvas id="pointsUsed" height="200"></canvas> <canvas id="pointsUsedBg" height="200"></canvas> </div> CSS: .chart-cont { position: relative; } #pointsUsed { position: absolute; top: 0; left: 0; z-index: 2; } #pointsUsedBg { position: absolute; top: 0; left: 0; transform:

问题 Summary: I've tried things like bubble points and messing around with marker size but neither can be set a radius in actual grid units. Bubble chart=% and marker=points(ignores grid) How can I add a circle to my chart with a radius in grid units?! ----- Old ----- I've looked up how to change the size of a bubble in the bubble chart and apparently the second Y value should control the size... except it does absolutely nothing. I can not use marker size as a work around because the size needs

问题 When i put this below code i came with on visualization playground i get the Goal/Target line, but i want it to be dashed/dotted which requires certainty role as specified in the docs. Can anyone enlighten me how to do it with a array input to Google Datatable, or Datatable json string format Code function drawVisualization() { // Create and populate the data table. var data = google.visualization.arrayToDataTable([ ['Year', 'Red', 'Yellow', 'Green','Target'], ['2003', 20, 0, 0,80], ['2004',

问题 I have a form in which there is a button & chart object. I have an excel sheet which I am populating dynamically. Columns C & D have headers "EOS" & "Count" in cells C1 & D1 respectively. The data filling starts C2 & D2 onwards till variable number of rows. What I want is, when the button n form is clicked, a simple bar chart is displayed in the cart area. the chart should have X-axis as C2, C3, ....,Cn values and Y-axis as D2, D3, ....,Dn values. I have the following code from this page that

问题 Is it at all possible to be able to have a vertically stacked bar chart with negative values (using highcharts). Like this: http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/ series: [{ name: 'John', data: [5, -3, 4, 7, 2] }, { name: 'Jane', data: [2, 2, -31, 2, 1] }, { name: 'Joe', data: [3, 4, 4, 2, 5] }] Unfortunately negative values don't register. This seems to be a solution: http://jsfiddle.net/gh/get/jquery/1.9

问题 I have the following data model for the above chart. var data = google.visualization.arrayToDataTable([ ["", "Goal Achieved", {role: 'style'}, target_goal_annotation, {role: 'style'}, {role: 'annotation'}], [1, achieved_goal, "opacity: .75;", target_goal, "opacity: 0;", "" ] ]); When I hover over the progress bar the first line is always 1 because I have 1 in the first place in above data block. If I put anything else, the baseline disappears, which is understandable. I need to replace the 1

问题 In the old static image Google charts I have been producing a combined chart like this one: It has 3 series (the bars drawn in dark green, light green and pink - on the top) and then it is overlayed by one more data serie - the blue line. My question is: if that is possible in the new Google charts? 回答1: Looks like Combo Chart still has documentation for columns, stacked columns and lines. 来源： https://stackoverflow.com/questions/10052927/draw-a-line-above-bar-chart