w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
Move dial numbers on gauge highchart?
You can use offset parameter http://api.highcharts.com/highcharts#yAxis.offset with i.e negative value. http://api.highcharts.com/highcharts#yAxis.offset

Categories : Highcharts

Submenu alignment using html css
You need to remove clear:both on .subnav and position: absolute on .subnav ul #menu ul li .subnavi { display:none; } #menu ul li .subnavi ul { width:20em; background:#a0a0a0; list-style:none; margin:auto; line-height:2em; border:1px solid #a60000; position:absolute; top: 40px; } Check this fiddle

Categories : HTML

HTML / IOS < 6 Table Alignment
You have align="200" on your table cells - not sure if it is just a typo in the sample code, but that could possibly be messing things up. Otherwise, it looks good to me, maybe try adding float:left; to the aligned tables as a fallback to see if it helps. Also set the width of your table cells to 100% or 200 to make sure they are behaving as expected and check that your full-width class or other css isn't doing anything funky.

Categories : HTML

html css - Text alignment for li
Use a definition list (<dl>) instead of an unordered list: <dl> <dt>Chapter One</dt> <dd>This is chapter one text text text text text text text text</dd> </dl> Now you can float both <dt> and <dd> left to bring them next to eachother and you can give <dd> a specific width. Demo: http://jsfiddle.net/L4Zem/

Categories : HTML

alignment issue in Div : html
To vertically align something, set the display for the element to inline-block, then vertical-align: middle for the content: http://phrogz.net/css/vertical-align/

Categories : HTML

HTML/CSS - What rules should I set to get this proper alignment?
Well, its hard to answer it exactly unless you post what you currently have. However, your on the right track. What I would do: Wrap the whole thing in a div (as you said) float the text left (which you said as well) float the icons right (not left) As far as spacing, put a margin/padding left/right to the two buttons. EDIT: As per my discussion with Luiz Berti: You are almost right. Try this instead: http://jsfiddle.net/GYPK5/1/ HTML <div class="bar"> <div class="text">Lots of stuff here</div> <div class="buttons"> <img src="http://icons.iconarchive.com/icons/led24.de/led/16/page-white-edit-icon.png" /> <img src="http://icons.iconarchive.com/icons/led24.de/led/16/bin-closed-icon.png" /> </div> <div cl

Categories : CSS

HTML Table element alignment
Change <tr colspan="2"> <td><img src="images/img3.jpg" /> </td> to <tr> <td colspan="2"><img src="images/img3.jpg" /> </td> The colspan should be on the td

Categories : HTML

Table Alignment Issues HTML JavaScript
Is this what you want ? <div align="center"> <table border="0" width="800" id="Nav" cellpadding="0" cellspacing="0" valign="top" > <tr> <td height="60" width="100%" align="center"> <TABLE style="float:left;" BORDER=2 width="23%" align="left" id="BodyTable" height="20" cellspacing="0" cellpadding="0" bordercolor="#000000"> <TR> <TH>Meaning</TH> <TH>Symbol</TH> </TR> <TR> <TD><b>No Schedule</TD> <TD align="center"><img src='../Images/Not- ScheduledMain2.png' width='20' height='22' align='center'></TD> </TR> <TR> <TD><b>Deactivated Tanks</TD> <TD align="center"><img src='../Images/Gray-Astris2.png'

Categories : Javascript

How to maintain alignment when the window size changes CSS/HTML
You can use jquery and calculate the padding and all when the window resizes. Here is an example: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <style> #alwaysCentered{ background: #D4D4D4; width: 175px; text-align: center; } </style> </head> <body> <div id="alwaysCentered">I will always be centered</div> <script> alwaysCenteredMarginLeft = ($(window).width() - $('#alwaysCentered').width()) / 2 alwaysCenteredMarginTop = ($(window).height() - $('#alwaysCentered').height()) / 2; $('#alwaysCentered').css({ 'margin-left' : alwaysCenteredMarginLeft, 'margin-top' : alwaysCenteredMarginTop }); window.onresize = function(event) { alwaysCent

Categories : HTML

PHP and HTML alignment of database query and image link
Wrap your <img> and the <div> with class .data in a <div> and then add display: inline-block; with some padding(for nice look) to make them come in the same line. So you code would be now like this: include"core/database/connect.php"; $query_pag_data = "SELECT V_TITLE,V_USERNAME from upload LIMIT $start, $per_page"; $result_pag_data = mysql_query($query_pag_data) or die('MySql Error' . mysql_error()); $msg = ""; while ($row = mysql_fetch_array($result_pag_data)) { $htmlmsg=htmlentities($row['V_USERNAME']); $msg .= "<div class='inline'><a href='index.php'><img src='images/link_pic.png' alt='error' width='128' height='96'></a>" . "<li><b>" . $row['V_TITLE'] . "</b> " . $htmlmsg ."</li></div>"; } $msg = "<div cla

Categories : PHP

Moving javascript data series to html data attribute breaks Highchart
Try passing the data to the client in a content_tag in the view and rename @data to be @my_data: <%= content_tag "div", id: "chart_data", data: {my_data: @my_data} do %> <% end %> Reload the page, open the JavaScript console, and use jQuery to see if the JavaScript objects are formatted properly: $('#chart_data').data('my_data') In a realistic example, you will want to pass a collection of Ruby objects to the client and this technique is suitable for converting an array of Ruby objects to an array of JS objects. There is a good RailsCast on passing data to JS.

Categories : Ruby On Rails

CSS Alignment - Correcting Alignment of Floated Elements
Everything is looks good, you need to add display: inline-table; for below CSS. The element will displayed as an inline-level table ul.vt li.vt-line-header { display: inline-table; //----Add this to your CSS } Hope you understand.

Categories : CSS

Multiple sequence alignment - appending to an alignment
If your primary issue in the time it takes to re-run alignment (re-computing the PWI matrix should be computationally cheap), then MUSCLE has the capability to do what you're looking for, a procedure commonly termed "profile-profile alignment". Profile-profile alignment When passing the -profile flag, the alignments will be "re-aligned to each other, keeping input columns intact and inserting columns of gaps where needed.": If you have two existing alignments of related sequences you can use the –profile option of MUSCLE to align those two sequences. Typical usage is: muscle -profile -in1 one.afa -in2 two.afa -out both.afa Implementing in Biopython Biopython has a wrapper around MUSCLE, but I find it easier to just use subprocess to call MUSCLE, then parse the results back

Categories : Python

struct alignment without argument and alignment on 16-bit target
If the compiler gets an unqualified __attribute__((aligned)) attribute, it defaults to the largest necessary alignment on the machine. That is not the same as saying 'you cannot set a larger alignment'; your test demonstrates that you can set a larger alignment explicitly. You just won't get a bigger (or smaller) alignment unless you are explicit about it.

Categories : C

How to avoid the 2nd alignment is affected by the 1st alignment?
I'm not familiar with Tabular and there might be an option to do this, but I would simply change the second s to s+ in order to match any amount of whitespace: Tabularize /^(.{-}zss+){2}/l0 Edit: Here's a more proper solution, combining the steps into one: Tabularize /(^(S*s){,1})@<=S*zss/l0 The first part is a lookbehind that matches up to the 0th or 1st space, any non-whitespace characters are then skipped, and the next space is matched (the 1st and 2nd, respectively). This can be generalized to any range; e.g. to align by the 2nd through 5th spaces, use {1,4}. Edit: If you need to align by a set of spaces that do not constitute a range in that sense, I would utilize logical ORs in the lookbehind. Unfortunately, this becomes much more clumsy and repetitive. For example, to alig

Categories : Regex

Using a wx.gauge in a wx.wizard
Your method of updating the gauge is blocking the gui's event loop. You could use a wx.Timer to call the update so it doesn't block. See the following example of your modifed code. import time import wx.wizard class Wizard(wx.wizard.Wizard): def __init__(self, parent, title): wx.wizard.Wizard.__init__(self, parent, wx.ID_ANY, title) self.pages = [] self.Bind(wx.wizard.EVT_WIZARD_PAGE_CHANGED, self.on_page_changed) def add_page(self, page): """Add a WizardPage to the pages list""" self.pages.append(page) def chain_pages(self): i = 0 while 1: if i == len(self.pages) - 1: break else: wx.wizard.WizardPageSimple_Chain(self.pages[i],

Categories : Python

Highcharts Gauge
It looks like the property you are after is: plotOptions.gauge.dataLabels.style.fontSize http://api.highcharts.com/highcharts#plotOptions.gauge.dataLabels.style Try adding something like this to the options: plotOptions: { gauge: { dataLabels: { style: { fontSize: '60px' } } } } You may need to reposition it using the x and y properties.

Categories : Javascript

Highcharts - temperature gauge
But it does rather sound like I'm going to be out of luck with Highcharts on this one, a shame for such a simple modification to an exisitng shape. Don't give up so easy. Highcharts is a tool; if it doesn't do exactly what you want out of the box, then do it yourself. This is what being a good software developer is all about. For instance, this fiddle combines an SVG image of a thermometer with a column chart in 36 lines of code. It will need some polish but hopefully it can get you going. $(function () { $('#container').highcharts({ chart: { type: 'column', marginBottom: 53 }, credits: { enabled: false }, title: null, legend: { e

Categories : Highcharts

Gauge.js Almost Full Circle
You can draw a 360 degree guage indicator indicator using canvas context.rotate First declare your indicator styling: var indicatorX=150; var indicatorY=150; var indicatorBaseWidth=10; var indicatorHeight=75; var indicatorDegrees=0; var indicatorFill="maroon"; Then use this function to draw the indicator at any angle from 0 (vertical) to 360 (back to vertical): Note the use of translate and rotate. Translate moves the context [0,0] drawing coordinate to the indicatorX/Y position Rotate will rotate the context to the currently specified degree of rotation Also, notice context.save and context restore. Context.save() will save the state of the unmoved and unrotated canvas context. Context.restore() will restore the context state back to its unmoved and unro

Categories : HTML

Wxpython's gauge not refreshing
It looks like you need a worker thread to update your GUI while the file is uploading. Try the threading module: import threading def myupdater(self): while self.still_uploading: #do stuff threading.Thread(target=myupdater).start() #upload stuff here

Categories : Python

arcs in raphael js Draw like a gauge
Tiny update to make this work on IE8. You need to remove the extra comma at the end of the path array else IE8 will give a JS error. var arcseg = function (cx, cy, radius, start_r, finish_r) { start_r = Raphael.rad(start_r); finish_r = Raphael.rad(finish_r); var start_x = cx + Math.cos( start_r ) * radius, start_y = cy + Math.sin( start_r ) * radius, finish_x = cx + Math.cos( finish_r ) * radius, finish_y = cy + Math.sin( finish_r ) * radius, path; path = [ [ "M", start_x, start_y ], [ "A", radius, radius, finish_r - start_r, (finish_r - start_r > Raphael.rad( 180 )) ? 1 : 0, (finish_r > start_r) ? 1 : 0, finish_x, finish_y ] ]; return { path: path }; };

Categories : Javascript

Building circle meter gauge
Change these two lines in the drawCircle function: var startAngle = 0; //multiplying with 0 will result in 0 var endAngle = 360 * num * Math.PI / 180; Your num seem to be a value between 0 and 1 so we need to add what we're using that with, here 360 degrees, then convert by using PI / 180. The other problem is that the clearRect wasn't extended far enough so it left part of the arc uncleared to the right. Tip: To make it look more realistic you can update your rms only when the new rms is higher, and if not just subtract a small value for each frame. For example: //global scope var oldRMS = 0; Inside your processor.onaudioprocess after vars: if (rms > oldRMS) oldRMS = rms; meter.style.width = ( oldRMS * 100 ) + '%'; context.clearRect(100,50,canvas.width,canvas.height); drawC

Categories : HTML

exponential gauge calculation in JavaScript
This is a working code for what i need. but i know you guys have a better way. <!doctype html> <html> <head> <meta charset="utf-8"> <title>gauge</title> <style> img{position:fixed;top:100px;left:100px;} .pointer{-webkit-transform:rotate(-120deg);} input{width:100%;} </style> <script> var pointer, get=function(a){ var b=[0,1,5,10,20,30,50,75,100],l=b.length,c=30,x=-120; if(a>=b[l-1]){ x=120; }else{ while(l--){ if(b[l]<a&&a<=b[l+1]){ x=(c*l-120)+c*((a-b[l])/(b[l+1]-b[l])); break; } } } pointer.style['-webkit-transform']='rotate('+x+'deg)'; } window.onload=function(){ pointer=document.getElementsByClassName('pointer')[0]; } </script> </head> <body> <img src="gauge1.png">&l

Categories : Javascript

How to dynamically update a Google Gauge
I got multiple errors debugging this page in Visual Studio 2012 but did solve the first problem (after ripping out the slider which will not fire up for some reason). Basically you are updating column 0 with a string which is used for the gauge display. You need to update column 1, with a numeric value: function setValue(val){ data.setValue(0, 1, parseInt(val)); chart.draw(data, options); } If you are also after a fix for the slider too, please have another go first with this fix.

Categories : Jquery

Fill UIImage like a gauge using CG/Quartz
You can use a CALayer with a custom mask. The mask will be a CAShapeLayer with a path that defines the given percentage of the guage. CALayer *guageLayer = //your CALayer, could be the backing view CAShapeLayer *guageMask = [[CAShapeLayer alloc] init]; guageMask.path = [self _pathForCurrentGuage]; //bezier path based on your current percentage guageLayer.mask = guageMask;

Categories : IOS

how to make gauge in tableau using background image?
Bullet charts are a much better alternative, but here's a fun blog entry showing how to make gauges in Tableau http://duelingdata.blogspot.com/2013/05/gauge-hate.html

Categories : Excel

Reverse direction of Kendo UI Linear Gauge
Aaand, I've found the answer. Actually missed a tiny piece of code in the docs; ... scale: { majorUnit: 1000, minorUnit: 500, min: 0, max: 12000, vertical: true, reverse: true } ...

Categories : Javascript

updating wx.Gauge and keep current frame alive?
When you run the command: thread = threading.Thread(target=self.doDownloade(realAddress, saveAsFilename)) it first runs self.doDownloade(realAddress, saveAsFilename) and then passes the return value of this (which will be None) as the target. Instead you want: thread = threading.Thread(target=self.doDownloade, args=(realAddress, saveAsFilename)) Note, here, I've passed in the function self.doDownloade, and then thread will call this with the agrs that you gave it when you call thread.start. By the way, you can also do this with a wx.Timer. I usually find this to be the better tool for gauges since it's easier and you can control how often the gauge is updated and therefore how much resources are used for the gauge. The main wxPython demo's gauge example uses a wx.Timer is you wan

Categories : Python

can we generate Gauge charts using canvas tags....?
Go to following link. You will surely get your answer. Drawing a half gauge/speedometer (JavaScript Canvas or Java Swing Example needed) Another hands on example link: http://thecodeplayer.com/walkthrough/make-gauge-charts-using-canvas-and-javascript

Categories : Javascript

how to make specific labels outside gauge chart
If I am understanding you correctly, you want two labels on the outside of the gauge at relevant points. This can be done with a the yAxis label options: yAxis: { labels: { enabled: true, x: 35, y: -10 // move them to the outside }, tickPositions: [80, 90], // only draw them at 80, 980 minorTickLength: 0, min: 0, max: 100, //etc... Fiddle here.

Categories : Highcharts

Highcharts Gauge - how to read input from file?
The simplest is to just copy/paste it into your js file, which I'm assuming isn't good enough because you want it to be dynamic. If you need it to be dynamic, you can't do this in javascript, because the javascript runs on the client (ie the web browser), but it needs to read from the server (ie the original machine). So, you have to create an "endpoint" to read the file, check out something simple in php like this: <?php // > PHP 5 $file = file_get_contents('./gauge_data.txt', FILE_USE_INCLUDE_PATH); ?>

Categories : Javascript

Gauge Label not showing decimals in reports
Change 'format' of the property in 'Properties' pane to be 0.00% Generally if this is in a sub part of a gauge or chart you find that dotted rectangle part and then it's sub property. EG: A gauge may have a 'Gauge Scale' and in it, it may have a 'LabelStyle' and that may expand to show a 'FormatString' I could set to be 0.00%. Most of the times everything in SSRS related to displaying the presentation of a value of money, numbers, or a string of something is labeled 'Format' or format something. Then you just need to know what to put in there to output to the way you want. 0.00% means (percent taken to place after .)

Categories : Reporting Services

Is it possible to show only the max / min values on a Kendo UI linear gauge?
Well, you can set the template on the scale labels as a function, do some math and only return the labels you want. labels: { // labels template template: getLabel } and function getLabel(e) { if(e.value === 2000) { return 2000; } else if(e.value === -2000) { return -2000; } else { return ''; } } Seems kind of hoky, and there is probably a better way, but that should do what I think you are wanting. (Sample http://jsbin.com/aKAVOnE/1/edit)

Categories : Javascript

ExtJS gauge chart series - setValue() is not a function
I finally fixed this error by using setValue in my view's afterLayout event. So my code looks like this now: //view declaration... listeners: { afterlayout: function () { //use setValue here. } } Finally I'm facing an other issue... I have no more error in firebug but visually, my gauge chart is not displaying any value. It is well rendered, but it is empty.... I tried to update it using the doLayout() or doComponentLayout() methods, but still nothing happens.

Categories : Javascript

Highcharts multiple axis gauge with 2 dials with different radii
Move the dial options into the actual series options: http://jsfiddle.net/9rZLH/ series: [{ data: [80], dial: { radius: "45%", rearLength: "0%" } },{ data: [70], dial: { radius: "90%", rearLength: "-70%" } }] Edit: the Highcharts Clock example also does it this way.

Categories : Highcharts

Not rendering VU-meter Gauge chart using HighCharts in Durandal
Error 17 means that "The requested series type does not exist", probably you have no attached highcharts-more.js file. http://www.highcharts.com/errors/17

Categories : Javascript

Which chart type should display following chart? gauge or column?
I advice to familiar with boxplot (gauge looks like different) or column with defined color point. http://www.highcharts.com/demo/box-plot http://api.highcharts.com/highcharts#plotOptions.column.color

Categories : Highcharts

Bar value depend on other bar value in HighChart
You can do this, but you need to pass series data as calculated values, not percent, for example: http://jsfiddle.net/vGVRb/48/ tooltip: { shared: true, formatter: function () { var s = this.x, points = this.points, len = points.length; for (var i = 0; i < len; i++) { var p = points[i]; console.log(p); s += '<br><span style="color:' + p.series.color + '">' + p.series.name + '</span><span>: ' + p.point.label + '</span>'; } return s; } }, series: [{ name: 'Tam Unit', color: '#4572A7', type: 'column', data: [{ y: 12300000, label: '12300000 un

Categories : Highcharts

HighChart: Donut Pie with URL
After debugging the broken examples, the problem is that the url is not included in the data passed in to the chart: // add browser data browserData.push({ name: categories[i], y: data[i].y, color: data[i].color, // missing this line! url: data[i].url }); Once that is done, it is as easy as the docs describe: point: { events: { click: function(e) { location.href = this.options.url; } } }

Categories : Jquery

example of highchart for mvc4
Your Index.cshtml page should look something like this to display your chart. @model DotNet.Highcharts.Highcharts @{ var chart = Model; } if(Model != null) { @(chart) }

Categories : Asp Net Mvc



© Copyright 2017 w3hello.com Publishing Limited. All rights reserved.