is it possible to go from high number to low number in the Kendo UI Radial gauge? I know I can use reverse but the meter then starts from the right side instead of the left. If there a way to have the numbers in the gauge go from max to min and have the meter start from the left side?
I recommend you add the labels yourself in the gauge's background image using a graphic program. Then turn off the visibility of the labels.
Related
I am writing an application for Windows 10 using Delphi 11 and Steema TeeChart pro 11 components.
I use AddXY(….) to plot a DateTime series of about 1000 values as points in Chart1 with BottomAxis set to DateTime and the Leftaxis set to float.
Thereafter I zoom in a small part of the data in Chart1 using the mouse wheel or drawing a rectangle.
Then I want to plot a new time series (AddXY(….)) of 1000 values in Chart1, keeping the zoomed in min and max values for the bottom axes, but use automatic scaling for LeftAxis. Before plotting the second series I delete the first.
The second series have the same DateTime values as the first series, but the Y values are sometimes very different compared with the first series and may not be visible in the graph.
Now the problem occurs. The Left axis will be automatic scaled based on all the data points and not on the points only falling within the zoomed X boundaries.
Does TChart have a simple method to find the min and max Y-values for the second series within the zoomed in time period. I thought of using the LeftAxis.AdjustMinMax() procedure for rescaling the left axis?
Of course I could scan through all the Y-values within the zoomed in period and calculate the min and max value. Then, how do I know the starting and ending valueindex of the data points falling within the zoomed in time period? I hoped to avoid using this method due to speed resons if number of points are > 1000.
Hopefully someone more experienced TeeChart programmer than I am can give me some suggestions of the best way to achieve this.
This may not be an option currently for the Kendo Charts, however, I want to set a limit on the max value displayed on the chart. The chart I am displaying gives the user the option to select fixed y-axis at 100% or auto y-axis. The information being displayed is CPU usage so it's absolute maximum value is 100%.
The problem: I have found that if I use auto y-axis (don't provide a max y-value) then when the data hits 100% the chart will display up to 120% because of the 20% step size.
My current fix: I check the max value in the returned data during the chart render event. If the max value is >= 80% then I set the y-axis max to 100% so it doesn't display 120%. Then I redraw the chart.
Is there a better way to do this so I don't have to redraw the chart? I didn't have this problem with other charting libraries.
Thanks
Is valueAxis.max setting that you need ?
I ended up moving the code to update the max y-value from onRender to onDataBound. This way still feels kind of "hacky", but it ended up causing only one chart render event instead of two.
I have a logo, moving center of the screen to the left hand side of the screen. It's a fairly smooth transformation however I want the motion to start slowly, speed up to a maximum then slow back down before completing it's transformation. How can this be achieved? I have Googled but not found any luck, I think I'm just not using the correct search criteria
Thanks, Nick
Right click on a keyframe. You have a number of options available, including Keyframe Assistant> "Easy Ease". This gives you "slow-ins" and "slow-outs" to your keyframes. To increase the eases, right click on a keyframe, select "Keyframe Velocity...", and if the keyframe is the outgoing one (the first one), enter a greater value in the "outgoing influence" (like, say, 70%). Play around with these values. As usual, for anything in AE, there are several ways to accomplish a task. Two other ways of doing this are a) using the tangent controls in the Comp Viewer window, and b) using the graph editor (see graphic).
I have a force network graph (in a Drupal site) which does what I want it to (thanks to many members of stackoverflow) but it ends up about 400px from the top and left margins of the content area.(see http://trsg.tcan.ca/stronger-together-network)
Which parameters control this?
The force layout is designed to distribute items in the available space. When you create a force layout, you set the size of the available area, and the nodes are attracted to the center of the area.
You can either set a smaller area for the network chart or lower the attraction between the nodes and the center, by setting the charge attribute of the force to a greater value. The default value is -30, try with -10 or -5.
Assigning the layout to Body instead of a DIV solved the problem. (In most other scripts I had to use a DIV and using Body caused problems.)
cubism.js is probably meant for realtime vizualizations, not really for interaction, yet I was trying to be able to visualize a large dataset (for example >> 1000points) on the page, without increasing the step or chunking the data
Example: http://jsfiddle.net/B2WJM/4/ (the first 500 points of a 4000 points dataset are drawn)
var context = cubism.context()
.step(6e4)
.size(500)
.stop();
So the idea would be to drag, or zoom this graph using d3 https://github.com/mbostock/d3/wiki/Zoom-Behavior, hoping there's a nice solution possible by changing dynamically the start and stop attributes
I wanted to show the stock data described here into 3 pieces. I split my graph into 3 and added a carousel-like left/right button to toggle between them.
I think that you can split your data into 5 pieces of 800 px each which you can then move using the left/right buttons.