Hi @jritsema!

There is no license file in this repository. Could you please clarify the license for this? I am using it in an open-source project, but would like the license terms of your wonderful plugin clarified before I publish. If you don't have an opinion on licensing, I would suggest you adopt the same MIT license used by Freeboard itself: https://github.com/Freeboard/freeboard/blob/master/LICENSE

Thanks!

No matter what I do, I am unable to change the values of the x-axis from numbers to text.

How to install this plugin?

I have tried several ways using a combination of different [ ] and I can't work out how to add tick titles for Bar charts.

[[3,7]]
works fine but giving ticks of 1 and 2

I have tried things like
[[[3,7]][['test','test2']]]
And having no joy.. Can I get a hint?

Love your plugin! I'm trying to do something simple that is eluding me. I have a JSON datasource that looks like:

{"today":{"maxCounts":1,"NEW":1,"ON_CALL":0,"RECALL":0,"TRANSCRIPTS":1,"QA":0},"ymax":10}

I'm successfully making a bar chart, but I'd like to use ymax to set the y axis scale, along the lines of

{   
    seriesDefaults: {
        renderer:$.jqplot.BarRenderer,
        rendererOptions: {
            varyBarColor: true
        }   
    },  
    axes:{
        xaxis:{
            renderer: $.jqplot.CategoryAxisRenderer
        },  
        yaxis:{
            max: ymax
        }   
    },  
    grid: {background: '#111', gridLineColor: '#222', borderColor: '#222'}
}   

but I don't know how to access "ymax". This isn't an issue with the plugin per se, but a request for help. Thanks!

I tried several times to do a simple line chart, but I can't see anything.
I tried with this simple code in chart options:

{
    seriesDefaults: {
        rendererOptions: {
            showMarker: false
        }   
    }
}

And this JSON:
{"res":0.5}

I'm missing something but I don't know what.
If you could replay me with an examaple of a line chart I would be grateful.

I tried with your example in the image, but I can't see anything either.

Thank you very much!

Hi there,

totally new to freeboard and JSON... I am trying to get this JQPlot working on freeboard.io, so in the online version. I managed to install the plugin making a link via rawgit.com.

I can add a new widget called JQPlot. But as soon as i filled in all the properties and click OK the widget is not shown in the pane. Basically i am thinking that my JS code for the chart options is not correct. This is what is in there now:

{
series [ {color: 'red'} ],
seriesDefaults: {
renderer:$.jqplot.BarRenderer,
// Show point labels to the right ('e'ast) of each bar.
// edgeTolerance of -15 allows labels flow outside the grid
// up to 15 pixels. If they flow out more than that, they
// will be hidden.
pointLabels: { show: true, location: 'e', edgeTolerance: -15 },
// Rotate the bar shadow as if bar is lit from top right.
shadowAngle: 135,
// Here's where we tell the chart it is oriented horizontally.
rendererOptions: {barDirection: 'horizontal'}},
axes: {yaxis: {renderer: $.jqplot.CategoryAxisRenderer}}}

Could you give me a hint if this is correct or what i am doing wrong? The rest of the properties is looking like this:

Hi,
I really like those charts - but I´m looking for a way to use this with "historical data" coming from a JSON (or CSV, I don´t care).

Use case:
I have a URL that provides a JSON file that always has the latest 2 hours of temperature data (including time stamps). I would like to get that data charted right away when the dashboard is loaded.
Also, it should poll the JSON periodically to get the latest data and update the chart with it.

Freeboard is great - but it really focusses on real time data and I would like some historical data and can´t get that to work ...

An example how to do that would be highly appreciated, I´m getting confused by your chart data item needing something like [[1,2],[3,4]] - why the double bracket.
Could I add a Javascript snippet here that pulls the JSON via AJAX and pushed the array to jqplot?

Thanks - MacSass

Hello,

Here is my chart options :

{
	seriesDefaults: {
		renderer: jQuery.jqplot.DonutRenderer,
		shadow: false,
		rendererOptions: {
			showDataLabels: true,
			sliceMargin: 4,
			fill: true, // Fill with color
			startAngle: -90, // Change angle of the pie
			showDataLabels: true,
			dataLabels: 'value',
			totalLabel: true,
		},
	},
}

And here are my chart data (The one from the lib example) :

[[['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], ['Out of home', 16], ['Commuting', 7], ['Orientation', 9]]]

But the Total is not showing (and is not on the html source)

Anyone can help ?

I am not able to see the jqplot in chrome. What am I doing wrong?

I did this:

1. Copied index.js to /freeboard/js/jqplot-plugin.js
2. Added to main freeboard index.html
   head.js("js/freeboard_plugins.min.js",
   "js/jqplot-plugin.js",

But I think it would be better it add it to the Gruntfile.js so it can be properly deployed.

Hello,
The above is the screenshot of our widget using jqplot to display data in the format of bar chart.
here are options we provided in the jqplot options:

{
series: [{
color: 'red'
}],
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
// Show point labels to the right ('e'ast) of each bar.
// edgeTolerance of -15 allows labels flow outside the grid
// up to 15 pixels. If they flow out more than that, they
// will be hidden.
pointLabels: {
show: true,
location: 'e',
edgeTolerance: -15
},
// Rotate the bar shadow as if bar is lit from top right.
shadowAngle: 135,
// Here's where we tell the chart it is oriented horizontally.
rendererOptions: {
barDirection: 'vertical'
}
},
axes: {
yaxis: {
renderer: $.jqplot.CategoryAxisRenderer
}
}
}
But the widget is showing blank without any barcharts with the data we provided.

Thank you.