I see how to add a horizontal line to an Apache Superset chart, but can't figure out how to display the label on the chart. I want users to be able to see it without having to mouseover the chart.
Here's an example with the Games per Genre over time demo chart. My annotation:
That gets the line to display at 100, but its label - Target Number of Games - is not visible:
Is there a way to get the label to display just above or below its line?
Per a moderator in the Apache Superset Slack message board, this is not currently possible as of v1.5.0.
Related
First,I follow official site,use docker and ubuntu 18, install superset,do not know is it the newest version of superset.
then I upload a csv as a table called "sales",csv is:
shop,sales
ibm,200
microsoft,100
sony,50
column shop is string type,"sales" is bigint type.
Then I add a bar chart and a big number chart.
The metric of the big number chart is sum(sales).
I Add these two chart to dashboard,it looks like:
What I need is when I click the bar "ibm",the big number chart(sum int) shows 200,when I click the bar microsoft,it shows 100.
I found a web page ,they say add call addFitler() on slice,but I can not find where is the slice and do not know how to addFilter.
Actually,I have many charts on a dashboard,and it is best if I click one element on any chart,other charts can change corresponding
I'm working with chart.js and I followed this to create a custom HTML legend.
The thing is, the hide/show functionality is not working. The first legend click hides the whole chart, while the others produce the error:
Uncaught TypeError: Cannot read property '_meta' of undefined
at t.getDatasetMeta (Chart.min.self-b26766dbef822c075056eb7012dc36ae75970dc990497732f927d46ef6070858.js:11)
at HTMLLIElement.legendClickCallback (plot.self-416475a747a420b91c7fab454c07846f1043f55cc28f6d810fafeab61c56cf01.js:317)
so it traces back to t.getDatasetMeta.
I gotta say it's working great with line/bar charts, so its only my doughnut chart which breaks.
Let me know if you need more info.
Oh and thanks :P
EDIT: fiddle
The problem is that you have only one dataset and your code use the index of legend item clicked to hide datasets[index].
On the contrary you need to hide single item data as below:
var meta = chart.getDatasetMeta(0);
var item = meta.data[index];
Check the fiddle updated: https://jsfiddle.net/beaver71/aa2n39s2/
I am using chartjs to draw a line chart. I am making these charts dynamically and there can be 2 to 10 charts depending on the different data types. Right now i want to update the chart when i click a button or a text. This update will change the min and max of the y-axes ticks. I have try to do it in the javascript console on one chart by doing this
myChart.options.scales.yAxes[0].ticks.min=some_value;
myChart.update();
but the problem is how would i change it when i click on a text or button. Is i have to make a legend?
this is my jsfiddle for a test run.
Any kind of help would be much appreciated.
You can use jQuery:
Add the jQuery library
Add a button, I added <button id="action">action</button>
Add a jQuery trigger that executes the 2 lines on click:
$('#action').off().on('click', function() {
myLineChart.options.scales.yAxes[0].ticks.min = -50;
myLineChart.update();
})
See: https://jsfiddle.net/gdqkLtc2/3/
Is it possible to color a line in a table view in the Dashboard based on the content of the table?
For example: In a list of Salesmen highlight in red all salesman with more than $200,000 of sales in the last month.
I don't believe this is something you can currently do off-the-shelf - but this is something you could probably hack together by adding some custom js and css:
Create your own override.js and override.css to implement something similar to what's described in Changing background cell of table depending on value
Add your css and js files to /superset/templates/superset/basic.html
Rebuild / restart your superset server (see https://superset.incubator.apache.org/installation.html#making-your-own-build)
I am creating a markers-based Geochart to display the location of schools. I have my data in a Google docs spreadsheet. I'm using 3 columns: lat, long and marker size. Currently, the tooltips display lat and long. Ideally, they would display information about each school instead but removing them would be fine, too. See what I have so far on jsfiddle.
Some of the other Google visualizations seem to allow a trigger:'none' option for tooltip (e.g., Pie Chart). Am I correct that there is no such thing for GeoChart?
It seems there's an experimental feature that allows assigning a tooltip role to a particular data column. I tried to use that to no avail.
I tried finding and hiding the tooltip div but I couldn't figure out how to access any elements in the iframe that contains the map. I'd be perfectly happy with this kind of solution if I could get it to work!
I realize this is not exactly what Geochart seems meant for but I'm using other Geochart region maps on the same page and would like to keep the same aesthetic.
I know this is an old question, but maybe it can still help.
Check out this example:
data.addColumn('number', 'Lat');
data.addColumn('number', 'Long');
data.addColumn('string','tooltip');
data.addColumn('number','Example');
data.addRows([[41.151636,-8.569336,'Portugal',{v:0,f:'test PT'}]]);
data.addRows([[ 39.059575,-98.789062,'USA',{v:1,f:'test US'}]]);
You can now also disable the tooltip adding, which was not previously available:
tooltip.trigger:'none';
Here is an example: http://jsfiddle.net/cmoreira/njB6m/