Create waterfall chart in extjs using Column chart - extjs

I am trying to find if ExtJs has waterfall chart. I didn't find this chart anywhere in ExtJs.
Now, I am thinking if we can create waterfall chart using column chart, we just need to change the base starting point for each column of column chart. Please let me know if we have some attribute or property in column chart that we can change base starting point of each column so that it looks like waterfall chart.
Please share the links.
Thanks in advance!!

I use highchart to do it. I think it's OK.
http://jsfiddle.net/jlbriggs/q6ubs

Related

How can I manipulate the date shown in the headers of a anychart resource gantt when there is no data to be loaded

We use the anychart GanttResource chart to show Technicians with their tasks on a daily base. To do this we use a DateFilter outside the component to load our data. Then when the data is retrieved from the API we set this data to the chart. As long there is data retrieved there is no problem, the chart fluently goes to the chosen day and only shows this data. However when the API returns no data or a 400, we add an empty list to the chart data. This looks ok at first, but when looking better to it I noticed the chart defaults back to today as date to show in the header. How can I manipulate this so the selected filter date could be shown there?
Anyone any suggestions about how to get this result? I can't seem to find a functionality or such to set the timeline date to use.
If my explanation is unclear then please let me know so I can elaborate any further or provide any screenshots to make it more clear.
It's not possible to zoom to some period of time when you don't have any data. But you can add an auxiliary element (e.g. a marker) to the data, and you'll be able to set the timeline zoom to a specific range. After you get the real data, the element can be deleted. Please check this sample: https://playground.anychart.com/uZ3gynNU

SSRS 2016 - How to display a chart, based on a condition, in the same page location

I am creating a SSRS Report (PPT export) with multiple charts and fixed number of pages. Each page contains multiple charts. I want to display different charts in the same page location based on a condition.
Now I know that ,we can Hide/Show a chart by specifying an expression for visibility attribute, but this will only Hide/Show the single type of chart in a preassigned location.
Just to reiterate
If Condition1=True
Display Chart1 at location (0,0)
Else
Display Chart2 at location (0,0)
Note: Chart1 and Chart2 are generated from different datasets
Thanks in Advance!
This is very simple to accomplish.
Create both charts and place them on top of each other in the report designer. Set up your visibility settings to only show one based on your criteria and as only one gets rendered, they will not interfere with each other or the rest of the report layout.
I Think position property for Chart is not available, so we can not manage chart position directly with any position parameter. but there is work around. create your all charts (multiple charts) in your report design, position them as you want and change their visible property as per your conditions.
e.g. if Chart1 to be displayed at position1 and position 2 based on condition, there will be 2 charts in your report RDL one at position1 and another at position2. manage each charts visible property as per condition, you should achieve what you need.
this is tried by me earlier.

Show dots for incomplete data in a cell which is using cellTemplate

If data doesn't fit the cell, usually ui-grid displays dots to tell that there are more data available which can be seen on expanding the column.
But when I use the cellTemplate, it doesn't displays dots even if data doesn't fit. Please see attached screenshot for more information.
Can anyone please help me to how fix this problem.
Are you using class="ui-grid-cell-contents" in your template?

Grid cells with bullet points

I am trying to implement a ExtJS based grid where users would change column data or enter empty columns. Is there a way to show/enter contents as bullet points on ExtJS grid cell like we usually do in Excel?
Thanks in advance
Check this fiddle - https://fiddle.sencha.com/#fiddle/mpl
The Idea is to use htmleditor as the column editor in your grid. However, there'll be quite a lot of work involved in positioning and styling when the html editor opens up for editing.
The fiddle that I created contains just the editor with no styling so it doesn't open good. And when you try, try editing the first column in third row data.

Restrict load data to pie chart extjs

I have store with model and pie chart, this data also are shown in some grid. My chart show graph for one column, I want to show in chart just data, which more some value. Put minimum in axes didn't help.
To only display data greater than some value, you will need to filter the store that the chart is displaying. Check out the docs for stores, scroll down to the "Filtering and Sorting" section.
http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.data.Store

Resources