In a Kendo MVC line chart, when the user hovers over a point, I'd like to display several custom values, resulting in a tooltip looking something like:
Date produced: 10/18/2018
Quality value: A+
Grade: STD
Obviously, each point would display different values. I've seen other posts that refer to template dataitem, but can't figure out how to populate the dataitem. Can someone steer me in the right direction?
Thx,
Steve.
Figured it out! I was using an unbound chart. Once I bound my chart to a list of classes, I was able to reference a class property as my dataItem, such as .Template("#=dataItem.DateProduced#")
Related
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 Chart.js 2.5.0 and wondered if anyone could give me some pointers on the following functionality requirement.
I have a bubble chart that for arguments sake contains tweets.
I have a list view next to the chart that display the tweets. Connected to this is the ability to filter, so it will only display tweets with specific string value the user inputs.
What I would like to do is when the user utilities the filter, it only shows the bubbles corresponding to the filtered result. I am passing the pointIndex and the datSetIndex into my table. However, I am really struggling in working out how to update the chart so it hides the bubbles that are not matching the current filter output.
Any suggestions?
This doesnt solve my entire issue as Im using Vue which seems to be causing issues with updating the chart. However if you are using plain chart.js the blow fiddle gives one way to hide specific or all points
`https://jsfiddle.net/prmw1bm2/12`
it may help someone somewhere
Wondering if Ember power-select can be used as follows.
I have a model that has related records. I'm trying to use PS to pick from one of that list in order to set another related record. To explain more fully, here is the final end state. (This is for a singing competition, models Capitalized):
each Contestant sings multiple Songs
each Song has one Chart
each Contestant submits multiple Submissions (in advance) for pre-clearance
each Submission has one Chart
i'm trying to use power-select to pick the Chart for each Song, from the pre-cleared Submission list specific to each contestant.
I can get parts of things working, but can't get the whole thing together because (i think) i'm trying to line up Submissions and Charts, which are related but different items.
so, on a page that represents a Contestant model, i'm trying to do:
{{power-select options=model.submissions onchange=(action pseudo-code: save selected submission.chart to model.chart.)}}
I know this is a difficult question for the format, but i'm hopelessly stuck
UPDATE: I still think i'm missing something. Here is the schema that shows all the models and their relations.
In this context, the main 'page' (ie, the 'model') is the Performance. Each performance has multiple songs (two, to be precise), which for UI purposes I'd prefer to show simultaneously. So I am using an {{#each model.songs as |song|}} in this context to pick the chart. Each song has one parent chart. As a further complication, the chart for a given song does not necessarily have to be present on the submission table; but in most cases that's how the chart list will be restricted.
So ultimately what i'm trying to do is have a filtered list of chart objects, according to what has been submitted via the submission table (which is essentially a many-to-many pass through. Ultimately i'm looking to save the chart field on the song model, so that means two power-select components on the performance page.
pretty complicated question, i know. but with any luck the i've conveyed the problem accurately... thanks
If I got the idea, you just want to set a belongsTo relationship when the user choose an option.
{{#power-select
options=model.submissions
selected=model.chart
onchange=(action (mut model.chart) value="chart") as |submission|}}
{{submission.name}}
{{/power-select}}
When a submission is chosen, it will just call model.set('chart', submission.chart)
Using : Microsoft Dynamics CRM 2013 On Premise
I am working on Quote customization form. Here we have Products Subgrid by default added.
Also, I have added these last two custom fields in this grid to show.
If you notice here on the grid, Product Name is not displaying.
When I select that particular Line Item, I see product name on "Quote Product" entity form as below.
Below is the screen of my Subgrid set up.
What is missing here, so that it is not displaying Product name on the grid? Can anyone please guide me here?
Thank you,
Mittal.
since that grid is showing a particular view, is it possible that you used the wrong field? Sometimes is getting confusing between title, name or any other property.
I suggest you to open that particular view on the Quote Product list, and see if the product name appears there. If even in the list view the product name is blank you should try to modify the view until you found the field that you want.
I would like to know if its possible to have a drop down field/column in SharePoint list that instead of having text choices to select from, the choices are graphics/images (green, red, amber). Or how about having a three divs as choices and each div will have the desired color.
Is any of this possible?
Any suggestion would be appreciated, thanks in advance
I think you cant provide color coding to the choice filed directly
but there is one way to do something similar to this.
please look at this link
http://www.vishalseth.com/post/2008/11/02/Adding-Color-Columns-to-Sharepoint-lists.aspx
In this it will get the color by using calculated field value. you can customize this as per your requirement
Let me the outcome as i m also eager to know this
Thanks