Highcharts

Populate JSON object to highchart bar chart

只谈情不闲聊 提交于 2019-12-11 19:37:20
问题 I am newbie parsing JSON object to highchart and I would like to plot basic bar graph. I have done on the title of graph. The problem is that the series that I would like to show is not showing.(count as series and qpAnswer as xAxis). Here is my JSON data [ { qpQuestion: "Is that a dog?", qpAnswerId: "1", qpAnswer: "Yes", count: "0" }, { qpQuestion: "Is that a dog?", qpAnswerId: "2", qpAnswer: "No", count: "0" }, { qpQuestion: "Is that a dog?", qpAnswerId: "3", qpAnswer: "ok", count: "0" } ]

highcharts pulling data from database table

人盡茶涼 提交于 2019-12-11 19:36:21
问题 Demo of what I'm working with: http://jsfiddle.net/98Fuq/4/ I've got Job Numbers displaying on the x-axis using $sql = "SELECT * FROM view_job_budgetreport"; $result = mysqli_query($dbc3, $sql); while($row = mysqli_fetch_assoc($result)) { $jobNum[] = $row['Job_Num']; } Then in my code: var colors = Highcharts.getOptions().colors, categories = [<?php echo join($jobNum, ',') ?>], //I display the job nums here name = '% of budgeted hours', level = 0, data = [{ y: 300, color: colors[0], drilldown

Dojo + Highcharts. The X Axis is not alligned when setCategories() is executed

南楼画角 提交于 2019-12-11 19:29:30
问题 I am using Dojo and Highcharts, the X axis is not alligned when I use: ....xAxis[0].setCategories(...) http://jsfiddle.net/xKfU2/6/ In the fiddle, if you comment the first setCategories and you discomment the second one, the X axis is allign, but the chart no. And if you discomment the both of them, you have the both problems. How can I solve this problem? Thanks in advance. 回答1: I'm not sure why the problem is occurring, but you can fix it by forcing the x-axis offset like this: xAxis : {

Graphical representation of HTML table data using High charts

自古美人都是妖i 提交于 2019-12-11 19:14:24
问题 I am trying to display the data in HTML table in graphical form using High Charts. When I use all the data from the table I am able to render the charts. I want to use only some part of data from my table (some columns data) to render a chart. Can anyone please tell me how to do this. If you have snippets please provide them. It will be helpful for me. 回答1: All 'docs' are included inline to the data.src.js module: http://code.highcharts.com/modules/data.src.js For now only startRow/endRow

Tools for building charting server that creates / caches server-side rendered image charts?

走远了吗. 提交于 2019-12-11 19:08:13
问题 I have a set of apps being built on different platforms, which need charts. Rather than pull the data into the app and render the charts natively, I wanted to instead pull in the charts as images, which are processed server side. I searched online to see if others have done this, but I can't find anything. Is anyone aware of any libraries or tools that will: Generate an chart Has some sort of static file serving of the charts Does some sort of caching / expiration of charts so they are not

How to remove fine white line between halo and Highcharts pie chart

故事扮演 提交于 2019-12-11 19:06:37
问题 http://jsfiddle.net/0bpkrnd3/4/ demonstrates that there is a very fine white line between the hover halo of a Highcharts pie chart and the pie segment. The halo color is as the same as the hover color and its stroke width is 0. pie: { shadow: false, borderWidth: 0, states: { hover: { color: '#ff7f00', brightness: 0, lineWidth: 0, halo: { size: 9, opacity: 1, attributes: { fill: '#ff7f00', 'stroke-width': 0 } } } } } 回答1: This is anty-aliasing in SVG. You can play around with different options

Legends not matching columns ticks on xAxis in Highcharts

有些话、适合烂在心里 提交于 2019-12-11 19:05:53
问题 I am trying to create a column chart on Highcharts but I am facing some errors. Why are my columns starting so far from the start of the chart? I want the xAxis labels to match the legends. But I can only see that the first legend is being displayed in the middle of the chart HTML: <script src="https://code.highcharts.com/highcharts.js"></script> <div id="container" style="min-width: 600px"></div> JSON: let yo = [ { "hp": "Harry Potter", "hp_num": 1426 }, { "hp": "Ronald Weasley", "hp_num":

Show Series and colorAxis both in Legend

扶醉桌前 提交于 2019-12-11 19:04:57
问题 Is it possible to have both colorAxis and series in the legend? http://jsfiddle.net/6k17dojn/ i see i can only show one at a time when I toggle this setting colorAxis: { showInLegend: true, } 回答1: Currently to show a basic legend with colorAxis , you need to add some code to Highcharts core. This plugin below allows you to add colorAxis to a legend if showInLegend property is set to false : (function(H) { H.addEvent(H.Legend, 'afterGetAllItems', function(e) { var colorAxisItems = [],

Display Different Number of Groups in Highcharts Stacked Column Graph

99封情书 提交于 2019-12-11 18:33:39
问题 I am trying to create a column highchart that is stacked and grouped, but I only want the last few x-values to have multiple groups/stacks. The first x-values only have one group/stack. To explain, I am charting historical values and then comparing optimistic and conservative forecast scenarios. Here is my jsFiddle. A better way to do this? series: [{ name: 'Thermal', data: [5, 3, 4, 5], stack: 'conservative', color:'blue' }, { name: 'PV', data: [3, 4, 4, 6], stack: 'conservative', color:

Highcharts PhantomJS - Alternative Approach

你离开我真会死。 提交于 2019-12-11 18:33:20
问题 This pertains to the new feature of Export Server + PhantomJS for server-side chart generation. HSE below refers to Highcharts Serverside Export framework by one2Team. Based on our initial analysis we find invoking the PhantomJS as a separate process is slower against HSE for both Pie charts and Bar charts we tested. We found that PhantomJS has a built-in webserver feature - Mongoose - ariya.ofilabs.com/2012/01/glory-of-the-snow.html which helps make process communication simpler (and also