highchart实时刷新数据,x轴不显示所需时间

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default1.aspx.cs" Inherits="HighchartsDemo._Default1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


汽油吸附脱硫装置2#S-ZORB
<!-- 注意文件名应该和你下载的文件名保持一致 -->



//<![CDATA[ $(function (datetimeCom, growth) { // Highcharts.Chart Begin Highcharts.setOptions({ global: { useUTC: false //当X轴类型为datetime日期时间型的,需要设置时区 } }); //声明报表对象 var chart = new Highcharts.Chart({ chart: { //将报表对象渲染到层上 renderTo: 'container', //图表放置的容器,DIV defaultSeriesType: 'spline', //图表类型为曲线图,可取值有:line、spline、area、areaspline、bar、column等 events: { load: loadTime } }, //chart end title: { text: '汽油吸附脱硫装置2#S-ZORB曲线' }, yAxis: { title: { text: '2#S-ZORB实时值' } }, xAxis: { title: { text: '时间' }, type: 'datetime', //坐标间隔 labels: { step: 10, // formatter: function () { // return Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.value); // } } }, //鼠标放在某个点上时的提示信息 //dateFormat,numberFormat是highCharts的工具类 tooltip: { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.xtime) + '<br/>' + this.x + '<br/>' + Highcharts.numberFormat(this.y, 2); } }, //设定报表对象的初始数据 series: [{ name: '2#S-ZORB实时值', data: [] }] }); //获取初始化数据 getInitialData(); //Highcharts.Chart end //获取初始化30分钟数据 function getInitialData() { $.ajax({ type: "Post", //后台获取数据的函数,注意当对该页面重命名时, //必须手动更改该选项 url: "Default1.aspx/getInitialDataByAjax", contentType: "application/json;charset=utf-8", dataType: "json", //成功获取数据 success: function (result) { data = jQuery.parseJSON(result.d); //JSON再次转换为Table 形式; var datetimeCom = '['; var growth = '['; for (var i = 0; i < data.length; i++) { datetimeCom += "\'" + ConertJsonTimeAndFormat(data[i]["x"], 'yyyy/MM/dd hh:mm:ss') + "\',"; growth += data[i]["y"] + ","; } if (datetimeCom != '[') { datetimeCom = datetimeCom.substr(0, datetimeCom.length - 1) + "]"; growth = growth.substr(0, growth.length - 1) + "]"; } chart.xAxis[0].setCategories(eval(datetimeCom)); chart.series[0].setData(eval(growth)); //显示错误 }, error: function (err) { alert(err + "初始化程序出现错误,请尝试刷新!"); } }); } // 每分钟获取后台数据 function getActualData() { var x = (new Date()).getTime(); // 当前时间 $.ajax({ type: "Post", //后台获取数据的函数,注意当对该页面重命名时, //必须手动更改该选项 url: "Default1.aspx/getDataTableByAjax", contentType: "application/json;charset=utf-8", dataType: "json", //成功获取数据 success: function (result) { data = jQuery.parseJSON(result.d); //JSON再次转换为Table 形式; var series = chart.series[0]; series.addPoint([data[0]["x"], data[0]["y"]], false, true); // alert(data[0]["x"]); // var datetimeCom = '['; // for (var i = 0; i < data.length; i++) { // datetimeCom += "\'" + data[i]["x"] + "\',"; // } // if (datetimeCom != '[') { // datetimeCom = datetimeCom.substr(0, datetimeCom.length - 1) + "]"; // } // chart.xAxis[0].setCategories(eval(datetimeCom)); chart.redraw(); }, //显示错误 error: function (err) { alert(err + "调用后台程序出现错误,请尝试刷新!"); } }); } function loadTime() { window.setInterval(getActualData, 2000); } // $(document).ready(function () { // //每隔1分钟自动调用方法,实现图表的实时更新 60000 // window.setInterval(getActualData, 2000); // }); }); //]]> // 后台Date前台转换json格式 function JsonDateFormat(cellval) { var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10)); var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); return date.getFullYear() + "-" + month + "-" + currentDate; }
  <div id="container" style="width: 800px; height: 600px; margin: 0 auto"></div>           


后台传入数据格式为DataTable。

在线等啊,请高手指教!!!

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Highchart:X轴文字的倾斜度
xAxis: { categories: departArray, labels: { rotation: 0, //倾斜的角度 } },
[highchart] X轴坐标占位
想实现如下图的效果:随着数据的到来,折现从左边向右扩展。 要点:默认情况下设置  series 的 data属性后,显示范围就已经确定,不可能出现下图中A区域。 解决方案: 方案一: 给A区域设置数据,只是将其除X坐标外的其他数值设置为null,这样A区域实际上已被很多null点填充。新点数据到来时,根据X坐标更新其数值即可。 代码示例:https://jsfiddle.
HighChart可不可以把x轴画在上面?
HighChart可不可以把x轴画在上面?,就是把坐标上下旋转90度的样子!
highcharts x轴时间
highcharts x轴可以写死时间吗?一天24小时。
Plot设置x轴显示时间
设置Iocomp的plot控件 设置X轴显示为时间格式 亲测 VS2013、WIN7系统下都可以使用,但是IocompDotNetV4SP3Eval版本的
chart x轴绑定时间,显示问题
chart x轴绑定时间,显示时不同时长却是固定宽度,例如:X轴半个小时的长度跟1分钟的长度一样。rn代码如下rndts.XValueType = ChartValueType.DateTime; //设置数据点的类型 rndts.MarkerStyle = MarkerStyle.Circle; //线条数据点的大小 rndts.MarkerSize = 5;rnchart1.Series.Add(dts);rn foreach (DataRow dr in ds.Tables["dabiao"].Rows)rn dts.Points.AddXY(dr["MarkTime"], dr["ID"]); rnrn谢谢 rn[img=https://img-bbs.csdn.net/upload/201806/04/1528079530_981869.png][/img]
matplotlib画X轴时间的显示问题
很久没有在CSDN写博客了,非常地惭愧,在工作、学习上所遇到的难以越积越多,如果没有对问题进行有效的管理,不仅会使人心烦意乱不知所措,而且下次遇到同样的问题,又得四处找答案,浪费时间。废话又开始了。。。。。今天遇到的问题为,在jupyter notebook上用matplotlib画一组与时间有关的数据,结果X轴的时间显示出现了点问题,主要代码片如下:#画时间曲线的函数 def plot_curve
python x轴显示指定时间刻度
将x轴设置为时间轴 将x轴设置为时间轴 显示指定日期 注意事项: 在对x轴进行时间转换时需要注意: - datetime.date2num():是从1,1,1开始计数,单位是天 - time.mktime():是从1970.1.1开始计数,单位是秒 实例 # 摘取自ww3项目Figure_area_average.py # 画图 fig = plt.figure(fig...
highcharts x轴不显示时间 求大神指教
代码[code=csharp] chart = rn// global: rn// useUTC: falsern// ,rn chart: rn renderTo: 'container',rn zoomType: 'x',rn type: 'spline'rnrnrn ,rn title: text: '实时曲线图' ,rn credits:text: '',rn xAxis: rn type: "datetime",rn // tickInterval: 5*60 * 1000,rn// tickWidth: 1000 * 60 * 30, //刻度的宽度rn labels: rn enable: true,rn rotation: 90, //旋转,效果就是影响标签的显示方向rn //step: 4,rn formatter: function () rn return Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.value);rn rn ,rn //刻度的宽度rn lineColor: '#990000',rn //自定义刻度颜色rn lineWidth: 1,rn //自定义x轴宽度rn gridLineWidth: 1rn //默认是0,即在图上没有纵轴间隔线rn// dateTimeLabelFormats: // don't display the dummy yearrn// second: '%H:%M:%S',rn// minute: '%e. %b %H:%M',rn// hour: '%b/%e %H:%M'rn// rn ,rn yAxis: rn rn title: rn text: '液位高度'rn ,rn //刻度的宽度rn lineColor: '#990000',rn //自定义刻度颜色rn lineWidth: 1,rn //自定义x轴宽度rn gridLineWidth: 1,rn //默认是0,即在图上没有纵轴间隔线rn alternateGridColor: null,rn// plotLines: [rn// value: 0,rn// width: 1,rn// color: '#808080'rn// ],rn plotBands: [ // Light airrn from: 0,rn to: 100,rn color: 'rgba(68, 170, 213, 0.1)',rn label: rn text: '',rn style: rn color: '#606060'rn rn rn , // Light breezern from: 100,rn to: 200,rn color: 'rgba(0, 0, 0, 0)',rn label: rn text: '',rn style: rn color: '#606060'rn rn rn , // Gentle breezern from: 200,rn to: 300,rn color: 'rgba(68, 170, 213, 0.1)',rn label: rn text: '',rn style: rn color: '#606060'rn rn rn , // Moderate breezern from: 300,rn to: 400,rn color: 'rgba(0, 0, 0, 0)',rn label: rn text: '',rn style: rn color: '#606060'rn rn rn , // Fresh breezern from: 400,rn to: 500,rn color: 'rgba(68, 170, 213, 0.1)',rn label: rn text: '',rn style: rn color: '#606060'rn rn rn , // Strong breezern from: 500,rn to: 600,rn color: 'rgba(0, 0, 0, 0)',rn label: rn text: '',rn style: rn color: '#606060'rn rn rn , // High windrn from: 600,rn to: 700,rn color: 'rgba(68, 170, 213, 0.1)',rn label: rn text: '',rn style: rn color: '#606060'rn rn rn ]rn ,rn tooltip: rn enabled: true,rn formatter: function () rn return '' + this.series.name + ' ' + unix_to_datetime(this.x) + '液位高度: ' + this.y + 'mm';rn rn ,rn plotOptions: rn rn spline: rn rn lineWidth: 4,rn states: rn hover: rn rn lineWidth: 5rn rn ,rn marker:rn rn enabled: falsern rn rn ,rn series:["name":"油箱1","data":[[1393251616,555.10],[1393251646,555.60],[1393251676,555.20],[1393251706,555.90],[1393251736,555.70],[1393251767,555.70],[1393251796,555.10],[1393251826,555.70],[1393251856,555.90],[1393251886,555.20],[1393251916,555.20],[1393251946,555.20],[1393251976,555.20],[1393252005,556.10],[1393252036,555.80],[1393252066,556.10],[1393252096,556],[1393252126,556.10],[1393252156,555.10],[1393252186,556.10],[1393252216,555.40],[1393252245,555.60],[1393252275,555.90],[1393252305,555.90],[1393252335,555.60],"name":"油箱2","data":[[1393251616,565.10],[1393251646,555.60],[1393251676,555.20],[1393251706,555.90],[1393251736,555.70],[1393251767,585.70],[1393251796,555.10],[1393251826,535.70],[1393251856,555.90],[1393251886,555.20],[1393251916,555.20],[1393251946,555.20],[1393251976,555.20],[1393252005,556.10],[1393252036,555.80],[1393252066,516.10],[1393252096,556],[1393252126,556.10],[1393252156,555.10],[1393252186,596.10],[1393252216,555.40],[1393252245,555.60],[1393252275,555.90],[1393252305,575.90],[1393252335,515.60]]rn ;rn// rn// for (var i = 0; i < message.length; i++)rn// rn// chart.series[i] = new Object();rn// chart.series[i].name=message[i].name;rn// chart.series[i].data=message[i].data;rn// rn //chart.redraw(); rn option=new Highcharts.Chart(chart);[/code]rn[img=https://img-bbs.csdn.net/upload/201402/25/1393295054_695828.png][/img]
vue中echarts动态刷新数据(x轴y轴和title)
最近需求做一个数据表,根据筛选条件不一样,渲染不同的内容。,主要如下图 如图,一开始什么都没有的时候默认显示title,当进行筛选的时候横轴和纵轴都显示相应的数据。问题就是,我按照其他百度问题说的做,直接赋值语句上this.chart.setOption(newVal); 然而并没有什么屁用。。。。。 因为需求是有数据时改变x轴和y轴数据,隐藏标题的渲染,百度到几乎都是差不多一样的解法之...
mschart不显示x,y轴
怎么能在c#中不显示mschart不显示x,y轴啊?我在网上找的rnChart1.ChartAreas["ChartArea1"].AxisX.Enabled = AxisEnabled.False;//不显示x轴,以及x轴方向的网格线rnChart1.ChartAreas["ChartArea1"].AxisY.Enabled = AxisEnabled.False;//不显示y轴,以及y轴方向的网格线 rnrn这个代码报错,AxisEnabled.False不对,请指点,谢谢!!
如何实时刷新数据并显示
我是用VB6.0连Access2000数据库,在win2000PRO平台下。rn因为数据源的数据是每秒实时更新的,rn我想在VB画的数据表格中也每秒显示一个新记录。rnrn就这个小问题请教大家!
chart x轴全部显示,x轴Label垂直显示
[img=https://img-bbs.csdn.net/upload/201604/06/1459929516_845462.png][/img]rnrn[code=csharp]rn chart1.Series["營業額"].XValueMember = "銷售別";rn chart1.Series["營業額"].YValueMembers = "營業額";rn chart1.Series["營業額"].ChartType = SeriesChartType.Line;rn chart1.Series["營業額"].MarkerSize = 15;rn chart1.Series["營業額"].MarkerStyle = System.Windows.Forms.DataVisualization.Charting.MarkerStyle.Diamond;rn chart1.Series["營業額"].LegendText = "營業額";rn chart1.Series["營業額"].Label = "#VALY#,###";rn chart1.Series["營業額"].IsValueShownAsLabel = true;rn chart1.Series["營業額"].Font = new System.Drawing.Font("新細明體", 12, FontStyle.Bold);rn chart1.ChartAreas["ChartArea1"].AxisX.IntervalAutoMode = IntervalAutoMode.VariableCount;rn chart1.ChartAreas["ChartArea1"].AxisX.IsLabelAutoFit = false;rn chart1.ChartAreas["ChartArea1"].AxisX.LabelStyle.IsStaggered = true;rn[/code]
Chart怎么能只显示X辅轴不显示X主轴
[img=https://img-bbs.csdn.net/upload/201410/24/1414118612_3085.png][/img]rn这是我做的一个柱状图,Y轴反转,现在是X轴在上面,X辅轴在下面。我想只在下面显示坐标,上面不显示,但是在实现的过程中只能在上面显示或者上下都显示,就是不能只在下面显示,求教这种问题怎么办呢,怎么能只在下面显示X辅轴的坐标。rnrnChart坐标部分相关代码:rn[code=csharp] rn //设置图的属性rn pressure_chart.ChartAreas[0].BorderDashStyle = ChartDashStyle.Dash;rn pressure_chart.ChartAreas[0].AxisX.MajorGrid.LineDashStyle = ChartDashStyle.NotSet;rn pressure_chart.ChartAreas[0].AxisY.MajorGrid.LineDashStyle = ChartDashStyle.Dash; rn pressure_chart.ChartAreas[0].AxisX2.Enabled = AxisEnabled.True;rn pressure_chart.ChartAreas[0].AxisX.Enabled = AxisEnabled.True;// 试过禁用X主轴,但是禁用以后上下都不显示坐标了。rn pressure_chart.ChartAreas[0].AxisX2.LabelStyle.Interval = 1;rn pressure_chart.ChartAreas[0].AxisX.LabelStyle.Interval = 1;rn pressure_chart.ChartAreas[0].AxisY.IsReversed = true;rnrn pressure_chart.Series[0].YValueMembers = "PressureA";rn pressure_chart.Series[0].XValueMember = "Name";rn pressure_chart.Series[1].YValueMembers = "PressureB";rn pressure_chart.Series[1].XValueMember = "Name";rn[/code]
echarts中x轴与x轴网格线不对应问题
安装导入echarts npm install echarts --save 引入并设置echarts容器 &amp;lt;template&amp;gt; &amp;lt;!--图表内容区域,必须给 ECharts 容器本身指定高度。不然它会使用默认高度--&amp;gt; &amp;lt;div class = &quot;chart&quot;&amp;gt; &amp;lt;div id = &quot;echarts&quot; style =...
Highchart右上角的打印不显示
Highchart右上角的打印不显示,不知道是什么原因rnexporting属性无论设置为什么都没有用
X轴的日期不出现
我想要在鼠标点击图表那个Sheet中的策略1和策略2时,自动生成图表,但是不知道为什么日期不出现。。。求助大神!怎么上传附件?code在下面:rnSub UpdateTrendChart()rn '变量设定部分rn Dim ChtObj As ChartObject '图表元素rn Dim UserRow As Long '用户点击的哪一行变量rn Set ChtObj = ActiveSheet.ChartObjects(1) '图标元素设定为当前活动的sheet的第一个图表rn Dim datarange As Range '需要呈现的数据部分rn rn UserRow = ActiveCell.Rowrn If UserRow < 2 Or IsEmpty(Cells(UserRow, 1)) Then '步骤1:获取用户选定的那一行rn ChtObj.Visible = Falsern Elsern a = 3 * (UserRow - 1) - 2rn rnSet datarange = ThisWorkbook.Sheets("数据").Columns(a + 1) '步骤2:获取用户选择主题对应的绝对走势数据和相对走势数据rndown = datarange.Cells(Rows.Count, 1).End(xlUp).RowrnChtObj.Chart.SeriesCollection(1).Values = datarange.Range("A2", "A" & down) '步骤3:关联图表元素和主题指数的数据rnChtObj.Chart.SeriesCollection(1).Name = ThisWorkbook.Sheets("数据").Cells(1, a + 1)rn rnSet datarange = ThisWorkbook.Worksheets("数据").Columns(a + 2)rnChtObj.Chart.SeriesCollection(2).Values = datarange.Range("A2", "A" & down)rnChtObj.Chart.SeriesCollection(2).Name = ThisWorkbook.Sheets("数据").Cells(1, a + 2)rn rn rnSet datarange = ThisWorkbook.Sheets("数据").Columns(a)rnChtObj.Chart.FullSeriesCollection(1).XValues = datarange.Range("A2", "A" & down)rnChtObj.Chart.FullSeriesCollection(2).XValues = datarange.Range("A2", "A" & down)rn rnChtObj.Chart.SetElement (msoElementLegendBottom)rnChtObj.Chart.ChartTitle.Text = Cells(UserRow, 1).Text '步骤4:设定图表的一些其他元素rn rnChtObj.Visible = Truern End IfrnEnd Subrn
[highchart] 固定X坐标轴范围
默认情况下 X轴的范围是给其提供数据的范围,但是特殊情况下,我们希望这个范围是固定的,不随数据的变化而变化的。 通过设置navigator 的 adaptToUpdatedData 为 false,可以固定X轴不随数据变化而变化,通过series来设置其范围。 navigator : {                 adaptToUpdatedData: false,
mschart x轴显示问题
mschart 我在使用的时候是一个点对应一个x轴和y轴值的数据,但是我0点到1点之间有五个数据点正常显示是绑定数据后五个点的时间都会显示在x轴上,然后我1点到2点有8个数据,数据点的每个时间都会显示在x轴上,如何设备成x轴只显示0 1 2 这样整点的x轴,每个时间内可以显示多个数据点但不显示在x轴上
DBChart X轴显示问题??
怎么 只让 X轴的 只显示 那些有点的对应的X轴的值啊??!!!rnrn可以实现吗??
webchart X轴 显示时间问题
x轴:时间(时:分);y轴 :数据rnrn由于每分钟都存在数据,造成x轴显示太密集了,我想在在X轴上15分钟显示一个标签,不知道在WebChart 如何实现,还望各位高手指点迷津啊!小弟拜谢了
Jfreechart x轴显示问题
页面有个选择时间范围的控件 当选择时间范围是一年之内的我显示12个月rnrnrn1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月rn这个我是这么实现的.rnDateAxis dateaxis=(DateAxis)xyplot.getDomainAxis();rndateaxis.setTickUnit(new DateTickUnit(DateTickUnit.MONTH, 1, new SimpleDateFormat("MM")));rndateaxis.setDateFormatOverride(new SimpleDateFormat("MM月"));rnrnrnrn当选择时间范围超过一年 能不能让x轴依旧显示12个数? 就是这样的rn08-1月 08-3月 08-5月 08-7月 08-9月 08-11月 09-1月 09-3月 09-5月 09-7月 09-9月 09-11月 rn就是无论跨几年我的x轴只显示12个点.rn这个我就不会了.望大虾们帮帮忙 rn
ECharts x轴显示正负极
一、问题 要求显示的柱状图有正负值,如图效果: 二、经过 找官网上关于正负极的例子,再通过查找配置选项,美化为客户需要的样式。 三、结果 // FDIOption let FDIOption = { color: ['#004a79', '#007879'], // 设置图表主色调 tooltip: { trigger: 'axis', axisPointer: { ...
Chart X轴的显示问题
ds_ancalls = bll_ancalls.GetList(whereStr, MobileSystem.ConnectionString.connectionstr());rnds_ancalls1 = bll_ancalls.GetList("Exchange='MSC7LOG'", MobileSystem.ConnectionString.connectionstr());rn if (ds_ancalls.Tables[0].Rows.Count > 0)rn rn chartname.Visible = true;rn string seriesName = "MSC7LOG";rn chart1.Series.Add(seriesName);rn chart1.Series[seriesName].Points.DataBindXY(ds_ancalls.Tables[0].DefaultView, "Back1", ds_ancalls.Tables[0].DefaultView, "AnsweredCalls");rn chart1.Series[seriesName].XAxisType = System.Windows.Forms.DataVisualization.Charting.AxisType.Primary;rn chart1.Series[seriesName].ChartType = SeriesChartType.Line;rn }rn我想让Chart的X轴显示的是时间但时间我只显示小时和分钟,请问这应该怎么做,直接做的话限制出来X 轴只有几条,但我的记录是有50多条的
QChart画实时曲线时,X轴显示时间的问题
参考各位大神的教程以及Qt官方的《Audio example》例程,用Qchart画了一个实时曲线,就是下面这个rn[img=https://img-bbs.csdn.net/upload/201807/30/1532941954_677132.png][/img]rnrn想把X轴的坐标换成实时时间,就像下面这样rn[img=https://img-bbs.csdn.net/upload/201807/30/1532942045_696452.png][/img]rnrn画实时曲线的大致流程是定义一个QLineSeries放在QChart里面,在收到数据后,定义一个QVector接收数据作为y坐标,把实时时间now.toMSecsSinceEpoch()作为x坐标,然后把QLineSeries中点替换成这个QVector,但是实时时间now.toMSecsSinceEpoch()是个quint64的类型,放到QPointF中好像不行,各位大神有没有什么解决的办法?或者有没有其他画出实时曲线同时在x坐标轴上实时显示时间的方法?rnrn以下是接收到数据时的处理代码:rn[code=c]rnvoid RealTimeCurveQChartWidget::dataReceived(int value)rnrn data << value;rn // 数据个数超过了最大数量,则删除最先接收到的数据,实现曲线向前移动rn while (data.size() > maxSize)rn rn data.removeFirst();rn rn //QVector oldPoints = splineSeries->pointsVector();rn QVector points;rnrn // 界面被隐藏后就没有必要绘制数据的曲线了rn if (isVisible())rn rn //splineSeries->clear();rn //scatterSeries->clear();rn double range = 0,max = 0,min = 0;rn foreach (double val, data)rn rn if(val > max) max = val;rn if(val < min) min = val;rn rn range = max - min;rn chart->axisY()->setRange(min - (range/10), max + (range/10));rnrn QDateTime now = QDateTime::currentDateTime();rnrn QDateTimeAxis *time_axis = new QDateTimeAxis;rn time_axis->setRange(now.addMSecs(-100*maxSize),now);rn time_axis->setTickCount(5);rn time_axis->setFormat("hh:mm:ss");rn chart->setAxisX(time_axis);rnrn int dx = 100;/* 100ms */rn chart->axisX()->setRange(0,dx*maxSize);rn int less = maxSize - data.size();rn for (int i = 0; i < data.size(); ++i)rn rn //splineSeries->append(now.addMSecs(-100*50).toMSecsSinceEpoch() + 100*i, data.at(i));rn// splineSeries->append(now.addMSecs(-100*maxSize).toMSecsSinceEpoch() + less*dx+i*dx, data.at(i));rn// scatterSeries->append(now.addMSecs(-100*maxSize).toMSecsSinceEpoch() + less*dx+i*dx, data.at(i));rn //splineSeries->append(less*dx+i*dx, data.at(i));rn points.append(QPointF((qreal)now.addMSecs(-100*maxSize).toMSecsSinceEpoch() + less*dx+i*dx, data.at(i)));rn //points.append(QPointF(less*dx+i*dx, data.at(i)));rn //scatterSeries->append(less*dx+i*dx, data.at(i));rn rnrn splineSeries->replace(points);rn// splineSeries->attachAxis(time_axis);rn// scatterSeries->attachAxis(time_axis);rn rnrn[/code]
highchart 横纵坐标轴固定问题
用highchart控件画曲线,当没有数据的时候,横轴默认显示一天24个小时的的时间点,每隔一小时显示一个点,当从库里面取出数据返回给前台的时候,数据展示也是按时间点,只是展示某些时间段的值,因为数据是从mongo库中取出的实时数据,其数据是每隔五分钟存一条。这个该怎么弄?
HighChart如何自行设置x轴的名字和加载多条折线
首先贴出部分代码:function createChart(List1,List2,List3,List4,dateData){ var chart = new Highcharts.Chart('container', { title: { text: '多条折线',
echarts自定义X轴,x轴数据转换
echarts x轴自定义,数据转换,比如,x轴的原始数据转换成汉字或者一定格式的显示,如星期转换、24小时转换 以星期转换为例 option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], axisLabel: { show: true, ...
如何实时刷新数据
前台有一个div,后台查询数据库自动添加table,怎么让table里的数据实时刷新?rn[b][color=#FF0000]注:[/color][/b]因为table不是放在一起,所以没法用GridView,只能用table一个个去表示。rn效果图如下:rn[img=https://img-bbs.csdn.net/upload/201509/19/1442648097_558587.png][/img]rn[code=csharp]rn rn[/code]rn[code=csharp]rnprotected void DataBind() rn StringBuilder strSQL = new StringBuilder();rn strSQL.Clear();rn strSQL.Append("select name from syscolumns where id = object_id(N'data_table');");rn string strsql = strSQL.ToString();rn DataTable dt = DB.GetDataBySQL(strsql);rnrn StringBuilder strSQL1 = new StringBuilder();rn strSQL1.Clear();rn strSQL1.Append("select * from data_table");rn string strsql1 = strSQL1.ToString();rn DataTable dt1 = DB.GetDataBySQL(strsql1);rnrn #region 自动添加LS数据表rn for (int i = 0; i < dt.Rows.Count; i++)rn rn #region 自动添加divrn HtmlContainerControl Div = new HtmlGenericControl("div");rn Div.ID = "PD_table" + (i+1);rn Div.Attributes.Add("class", "div_table");rn Div.Style.Add("position", "absolute");rn Div.Style.Add("left", (i*100)+"px");rn div_PD_Data.Controls.Add(Div);rn #endregionrnrn #region 添加tablern HtmlContainerControl tb = new HtmlGenericControl("table");rn tb.ID = "table" + (i + 1);rn tb.Attributes.Add("cellspacing", "0");rn tb.Attributes.Add("cellpadding", "0");rn tb.Style.Add("height", "88px");rn tb.Style.Add("width", "92px");rn tb.Style.Add("border-collapse", "collapse");rn Div.Controls.Add(tb);rn #endregionrnrn #region 添加行rn HtmlContainerControl tr1 = new HtmlGenericControl("tr");rn tb.Controls.Add(tr1);rn HtmlContainerControl tr2 = new HtmlGenericControl("tr");rn tb.Controls.Add(tr2);rn HtmlContainerControl tr3 = new HtmlGenericControl("tr");rn tb.Controls.Add(tr3);rn HtmlContainerControl tr4 = new HtmlGenericControl("tr");rn tb.Controls.Add(tr4);rn #endregionrnrn #region 添加th,tdrn //表头rn HtmlContainerControl th = new HtmlGenericControl("th");rn th.Attributes.Add("align", "center");rn th.Attributes.Add("valign", "middle");rn th.Attributes.Add("colspan", "2");rn tr1.Controls.Add(th);rnrn //第一行,A相rn HtmlContainerControl td1 = new HtmlGenericControl("td");rn td1.Attributes.Add("align", "center");rn td1.Attributes.Add("valign", "middle");rn td1.Style.Add("width", "40px");rn tr2.Controls.Add(td1);rn HtmlContainerControl td2 = new HtmlGenericControl("td");rn td2.Attributes.Add("align", "center");rn td2.Attributes.Add("valign", "middle");rn td2.Style.Add("width", "52px");rn tr2.Controls.Add(td2);rnrn //第二行,B相rn HtmlContainerControl td3 = new HtmlGenericControl("td");rn td3.Attributes.Add("align", "center");rn td3.Attributes.Add("valign", "middle");rn td3.Style.Add("width", "40px");rn tr3.Controls.Add(td3);rn HtmlContainerControl td4 = new HtmlGenericControl("td");rn td4.Attributes.Add("align", "center");rn td4.Attributes.Add("valign", "middle");rn td4.Style.Add("width", "52px");rn tr3.Controls.Add(td4);rnrn //第三行,C相rn HtmlContainerControl td5 = new HtmlGenericControl("td");rn td5.Attributes.Add("align", "center");rn td5.Attributes.Add("valign", "middle");rn td5.Style.Add("width", "40px");rn tr4.Controls.Add(td5);rn HtmlContainerControl td6 = new HtmlGenericControl("td");rn td6.Attributes.Add("align", "center");rn td6.Attributes.Add("valign", "middle");rn td6.Style.Add("width", "52px");rn tr4.Controls.Add(td6);rn #endregionrnrn #region 数据rn //表头rn LinkButton ltn1 = new LinkButton();rn ltn1.ID = "table_top" + (i + 1);rn ltn1.CssClass = "lkbtn";rn ltn1.Style.Add("width", "100%");rn ltn1.Style.Add("display", "inline-block");rn ltn1.Text = dt.Rows[i][0].ToString();rn ltn1.ToolTip = "查看详情";rn ltn1.Command += new CommandEventHandler(table_top1_Click);rn th.Controls.Add(ltn1);rnrn // A相rn Label lb1 = new Label();rn lb1.ID = "table" + i + "_left_1";rn lb1.ForeColor = System.Drawing.Color.Yellow;rn lb1.Font.Bold = true;rn lb1.Text = "A相";rn td1.Controls.Add(lb1);rn Label lb2 = new Label();rn lb2.ID = "table" + i + "_right_1";rn lb2.ForeColor = System.Drawing.Color.Yellow;rn lb2.Font.Bold = true;rn lb2.Text = dt1.Rows[0][i + 1].ToString();rn td2.Controls.Add(lb2);rnrn // B相rn Label lb3 = new Label();rn lb3.ID = "table" + i + "_left_2";rn lb3.ForeColor = System.Drawing.Color.Yellow;rn lb3.Font.Bold = true;rn lb3.Text = "B相";rn td3.Controls.Add(lb3);rn Label lb4 = new Label();rn lb4.ID = "table" + i + "_right_2";rn lb4.ForeColor = System.Drawing.Color.Yellow;rn lb4.Font.Bold = true;rn lb4.Text = dt1.Rows[1][i + 1].ToString();rn td4.Controls.Add(lb4);rnrn // C相rn Label lb5 = new Label();rn lb5.ID = "table" + i + "_left_3";rn lb5.ForeColor = System.Drawing.Color.Yellow;rn lb5.Font.Bold = true;rn lb5.Text = "C相";rn td5.Controls.Add(lb5);rn Label lb6 = new Label();rn lb6.ID = "table" + i + "_right_3";rn lb6.ForeColor = System.Drawing.Color.Yellow;rn lb6.Font.Bold = true;rn lb6.Text = dt1.Rows[2][i + 1].ToString();rn td6.Controls.Add(lb6);rn #endregionrn rn #endregionrn dt.Dispose();rn dt1.Dispose();rnrn[/code]
用System.Timers.Timer实时刷新数据
用System.Timers.Timer定时获取数据库的变化,如果有符合条件的变化则刷新页面数据,怎么写?rn在aTimer.Elapsed += new ElapsedEventHandler(TimeEvent);里面写rn public void TimeEvent(object source, ElapsedEventArgs e)rn rn string sql = "select top 1 content,rolling,row_id from text where ison=1";rn DataView dv = dbh.Executedv(sql);rn if (dv.Count == 1 && dv != null)rn rn if (dv[0]["content"].ToString() != content)rn System.Web.HttpContext.Current.Response.Write(" ");rn rn rn报错Response.Write未将对象引用设置到对象的实例。
Highcharts例子,X轴为不连续时间
1.引入 js文件   &amp;lt;script type=&quot;text/javascript&quot; src=&quot;${ctx}/static/comp/highcharts/highcharts.js&quot; &amp;gt;&amp;lt;/script&amp;gt; 2.代码:     Highcharts.setOptions({ global: { useUTC: false } }); var chart;...
echarts刷新数据时x轴数据不变的问题
写了一个echarts,再刷新图形的时候,发现x轴不变,经过多方查找发现问题,如下: 开始的时候我的写法如下, var myChart2 = echarts.init(document.getElementById(&quot;charts2&quot;), 'shine'); option2 = { tooltip : { trigger: 'axis' }, lege...
ajax实时刷新数据
ajax实时刷新数据
实时刷新数据的问题
要实现一个每隔一秒刷新的界面:rn如下:rn***********************************************rnSend CONNECT Frames: 355rnSend RELEASE Frames: 0rnSend Failed Control Frames: 0rnSend Data Frames: 29907rnSend Data Bytes: 2153304rnSend Invalid Data Frames: 0rnSend Failed Data Frames: 0rnRecv Data Frames: 0rnRecv Data Bytes: 0rn***********************************************rnrn每次只刷新其中的数字,不知道用printf()怎么实现.
fusionchart实时刷新数据总结
Fusionchart实时刷新方法(已在JSP中尝试成功的),总共介绍了5种实时数据图表的操作方法,简单实用的教程。
怎么样实时刷新数据
刚学VCrnrn在VC++里rnrn我在一个多文档界面里rnrn我要实时在VIEW里显示外部来的数据rnrn请问怎么实现映射关系rnrn谢谢rnrn问题比较菜rnrn各位朋友请指点方法rn谢谢各位了
MS Chart怎样设置X轴时间使X轴只显示年月日,不显示时分秒
我的时间在数据库里是Date格式的,显示的是2011-01-16,但在MS Chart中作为X轴显示的时候,显示的时间是2011/1/16 0:00:00,怎样取消掉后面的时分秒显示呢???新手真心求教!!!!
如何让ZedGraph 的X轴坐标显示时间?
我的ZedGraph 图表需要显示两样信息,一是测试时间,二是测试数据,如何让X轴显示时间呢?在线急等。。。。
如何在Tchart的X轴设置显示日期和时间
数据时间为60天,每天有很多数据,所以想X轴同时显示日期和时间。可以用zoom功能。rn此外,Tdbchart连SQL server,如何使得X轴同时显示日期和时间。
关于Teechart的x轴设为时间表示
当用AddArray()加点时候,加入的X轴的值是time(0),那么如何设置,才能使坐标轴x轴显示时间呢?
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件