Highcharts

Proper way to remove all series data from a highcharts chart?

♀尐吖头ヾ 提交于 2019-12-17 10:32:34
问题 UPDATE: Here's a jsfiddle that shows the problem: http://jsfiddle.net/pynju/1/ Click on the blue column on Monday. When the detail-view loads, notice that 01-07 have 3 columns (expected 2). Click on the tallest bar to go back to the original view. Notice that the labels on the xAxis aren't being removed. =============== I have a bar chart that has 2 series, displayed as pairs of bars, side by side. series: [{ showInLegend: false, data: dowChartData },{ showInLegend: false, data:

Highcharts returning error 14

帅比萌擦擦* 提交于 2019-12-17 10:09:19
问题 Am trying to draw a pie chart with highcharts, after spending hours trying to figure out how process a JSON string into a javascript array. This is what i have gateway_useage: function(usage_data) { var options = { chart: { renderTo:'gateway-usage', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: 'Gateway Usage' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage}%</b>', percentageDecimals: 1 }, plotOptions: { pie: { allowPointSelect: true,

how to add items to an array dynamically in javascript

为君一笑 提交于 2019-12-17 09:58:27
问题 First of all I am a total javascript newbie so please bear with me. I have the following script to draw pie charts using the Highchart framework $(function() { var options = { colors: ["#66CC00", "#FF0000", "#FF6600"], chart: { renderTo: 'container', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: true }, title: { text: 'Host Status' }, tooltip: { formatter: function() { return '<b>' + this.point.name + '</b>: ' + this.total; } }, plotOptions: { pie: { allowPointSelect: true,

Passing Django Database Queryset to Highcharts via JSON

≡放荡痞女 提交于 2019-12-17 09:32:56
问题 First time poster, long time reader. I've spend quite awhile looking for an answer to this, which makes me think its something fundamental I'm missing. I'm trying to pull data held in a database table and pass it through for display in a Highcharts plot. I'm not getting any errors from Django or by the client when inspecting source. Using: Django 1.7 and Python 3.4 The views.py: #unit/views.py from django.http import JsonResponse from django.shortcuts import render from unit.analysis_funcs

Passing Django Database Queryset to Highcharts via JSON

风格不统一 提交于 2019-12-17 09:32:29
问题 First time poster, long time reader. I've spend quite awhile looking for an answer to this, which makes me think its something fundamental I'm missing. I'm trying to pull data held in a database table and pass it through for display in a Highcharts plot. I'm not getting any errors from Django or by the client when inspecting source. Using: Django 1.7 and Python 3.4 The views.py: #unit/views.py from django.http import JsonResponse from django.shortcuts import render from unit.analysis_funcs

Rendering Highcharts using Angular js Directives

荒凉一梦 提交于 2019-12-17 08:09:32
问题 I am new to Angular JS and trying to render my highcharts (Basic Line) by creating a directive. Please tell me the approach I should follow here. Any help would be appreciated. Here is my script for the highcharts: <script type="text/javascript"> $(function () { $('#container').highcharts({ chart: { type: 'line', marginRight: 130, marginBottom: 25 }, title: { text: 'Monthly Average Temperature', x: -20 //center }, subtitle: { text: 'Source: WorldClimate.com', x: -20 }, xAxis: { categories: [

using flask render_template to make a highchart on the front end

我是研究僧i 提交于 2019-12-17 07:53:34
问题 I have a simple python method which will generate a highcharts json @app.route('/make/a/chart') def make_chart(): data = get_data() c = Counter for each in data: c['AGE'] += 1 highchart_json = { 'chart': { 'type': 'column' } 'title': { 'text': 'arranged by age' } 'x-axis': { 'categories': [x for x in c] } 'series': { 'name': 'Groups By Age', 'data': [c[x] for x in c] } } return render_template('some_template.html', json=highchart_json) is it possible to have it render with a template, or is

set different colors for each column in highcharts

僤鯓⒐⒋嵵緔 提交于 2019-12-17 07:26:10
问题 I need to set different colors for each column in Highcharts graph dynamically. My Highcharts graph is: options = { chart: { renderTo: 'chart', type: 'column', width: 450 }, title: { text: 'A glance overview at your contest’s status' }, xAxis: { categories: ['Approved Photos', 'Pending Approval Photos', 'Votes', 'Entrants'], labels: { //rotation: -45, style: { font: 'normal 9px Verdana, sans-serif, arial' } } }, yAxis: { allowDecimals: false, min: 0, title: { text: 'Amount' } }, legend: {

Why are Bootstrap tabs displaying tab-pane divs with incorrect widths when using highcharts?

余生长醉 提交于 2019-12-16 20:04:04
问题 So I'm creating a page with tabbed content using Twitter's Bootstrap, yet the content of my starting active div is always different than that of my other tabs. For example, I am putting in charts using highcharts.js in my different tabs, yet the active one always shows correctly while the others have an incorrect width. Check out the example below: <div class = "row-fluid"> <div class = "span9"> <div class = "row-fluid"> <h3>Test</h3> <ul class="nav nav-tabs"> <li class = "active"> <a data

High charts displays data only if we press F12 (developer tool) in chrome browser

我们两清 提交于 2019-12-14 03:59:33
问题 I have used high chart to display column bar and pie chart. I don't know why this problem is occurring. The problem is that the chart should be displayed on load time of jsp file, but only data is showing on load time; when we press f12 then it renders the charts. I don't know why. If anyone faced this problem before. 回答1: Do you have any console.log()'s? Take them out if you do. 来源: https://stackoverflow.com/questions/24452854/high-charts-displays-data-only-if-we-press-f12-developer-tool-in