chart控件滚动条（HighCharts设置滚动条）

本文目录

• HighCharts设置滚动条
• echarts 出现横向滚动条
• ASP.NET中使用chart控件（ VS2010自带的 数据量大时 找不到滚动条属性，不知该如何设置求高人点拨
• WinForm，Chart中的水平滚动条如何始终居于最右边
• wincc中列滚动条控件怎么显示刻度
• ASP.NET中chart如何实现X轴滚动条
• highcharts 怎么加滚动条

HighCharts设置滚动条

场景：x轴数据过多，出现滚动条 marginBottom：图表的下边距，默认为100，需要根据图表的高度设置合适的值，否则有可能会出现文字未省略，直接被截断的情况，如下图： marginRight：图表的右边距，默认为100，如果右倾斜，也可能会出现文字被截断，见下图：需要根据业务需求动态设置该值 左倾斜可以避免上述情况： 适用场景：图表有最大、最小值标示线，页面滚动可能会导致标示线丢失

echarts 出现横向滚动条

添加datazoom即可。12345678 dataZoom: { show: true, realtime: true, y: 36, height: 20, start: 20, end: 80}以上代码共参考。

ASP.NET中使用chart控件（ VS2010自带的 数据量大时 找不到滚动条属性，不知该如何设置求高人点拨

chart1.ChartAreas.CursorX.AutoScroll = true; chart1.ChartAreas.AxisX.ScrollBar.Enabled = true; chart1.ChartAreas.CursorY.AutoScroll = true; chart1.ChartAreas.AxisY.ScrollBar.Enabled = true;

WinForm，Chart中的水平滚动条如何始终居于最右边

首先将AutoScroll设置为True，然后Panel中添加的控件通过控制这些控件的Location（注意别超出高度，否则不只会出现水平滚动条，还会出现垂直滚动条),当这些控件有某个控件的部分界面超出Panel的宽度时候就会出现水平滚动条。

wincc中列滚动条控件怎么显示刻度

进行程序设计时，选用一个合适的ActiveX控件，有时可大大减少编程工作量。ActiveX 控件（又称OCX）基于COM技术，作为独立的软件模块，它可以在任何程序设计语言中插入使用。本文仅以VC＋＋为例说明Chart控件的使用。 　　Chart控件指Mschart.ocx（5.0版)或Mschrt20.ocx（6.0 版），是Visual Studio自带的ActiveX控件之一，其属性、事件很多，功能非常强大，可实现柱状直方图、曲线走势图、饼状比例图等，甚至可以是混合图表，可以是二维或三维图表，可以带或不带坐标系，可以自由配置各条目的颜色、字体等等。 一 安装和使用Chart控件　　在用到Chart控件的项目中安装该控件：从Project－》Add to Project－》Components And Controls－》Registered Active Xcontrols，选择Chart控件，则 ClassWizard会生成相应的C＋＋类，其中类CMSChart是由CWnd派生来的，它是Chart 控件的主要类，其他的类全部是由COleDispatchDriver派生来，控制控件中的相应对象，完成各部分相关功能，如CvcAxis类是实现坐标轴相关功能的源代码。同时在项目的控件工具箱上会出现代表Chart控件的按钮，使用时把Chart控件按钮从工具箱拖到对话框中，调整大小即可。 　　Chart控件至少有45个属性、9个方法、49个事件，在这里就不一一列举了。 　　在设计中，我们可以在主要属性页里修改各属性的属性值：右击对话框窗口中的Chart控件，选择“Properties”菜单项，就会弹出主要属性页对话框，对其中各属性值进行设置。有些属性在主要属性页里没有列出，只能编程修改。另外要动态绘制图表，必须掌握对控件的编程控制。 　　首先在对话框类中定义控件变量，以便编程时操纵控件。如对话框类定义如下： class CAbcDlg : public CDialog{public: CAbcDlg(CWnd＊ pParent = NULL);//{{AFX_DATA(CAbcDlg) enum { IDD = IDD_ABC_DIALOG }; CMSChartm_Chart; //}}AFX_DATA };　　ActiveX控件的属性和方法在控件内部对应唯一一个整数索引值，编程时可以通过索引来设置或获取控件的属性值，也可以通过调用控件的C＋＋类（在这里就是CMSChart）的成员函数设置或获取控件的属性值及调用控件的方法。例如： 　　在CMSChart类实现中有如下代码： CString CMSChart::GetData(){ CString result;InvokeHelper(0x9, DISPATCH_PROPERTYGET, VT_BSTR, (void＊)＆result, NULL); return result;}void CMSChart::SetData(LPCTSTR lpszNewValue){ static BYTE parms; UINT row = 1; pDataDB－》MoveFirst();pDataDB－》Move(theApp.nBottomPos);//只从数据库中取某时间段的数据进行显示 while ((!pDataDB－》IsEOF()) ＆＆ (row m_date_time.Format(“％H:％M"));//以采样时刻做x轴的标注 m_Chart.SetColumn(1); sprintf(s, “％6.2f", pDataDB－》m_No1); m_Chart.SetData((LPCSTR)s); m_Chart.SetColumn(2); sprintf(s, “％6.2f", pDataDB－》m_No2); m_Chart.SetData((LPCSTR)s); m_Chart.SetColumn(3); sprintf(s, “％6.2f", pDataDB－》m_No3); m_Chart.SetData((LPCSTR)s); pDataDB－》MoveNext(); row＋＋; } while ((row GetRecordCount()》10) theApp.nBottomRange = pDataDB－》GetRecordCount()－10; else theApp.nBottomRange = 0; m_ScrBottom.SetScrollRange(0, theApp.nBottomRange); switch (nSBCode){ case SB_LINERIGHT: if (theApp.nBottomPos 0){ theApp.nBottomPos = theApp.nBottomPos － 1; m_ScrBottom.SetScrollPos(theApp.nBottomPos); DrawPic(); } break; } CDialog::OnHScroll(nSBCode, nPos, pScrollBar);}void CAbcDlg::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar＊ pScrollBar) { VARIANT var; double max1,min1,f; switch (nSBCode){ case SB_LINEDOWN:f = m_Chart.GetPlot().GetAxis(1, var). GetValueScale().GetMinimum() － 1; if (f》=0) {//最小刻度大于等于0, 则可以滚动m_Chart.GetPlot().GetAxis(1, var).GetValueScale(). SetMinimum(f);f = m_Chart.GetPlot().GetAxis (1, var).GetValueScale().GetMaximum() － 1;m_Chart.GetPlot().GetAxis(1, var).GetValueScale().SetMaximum(f); pScrollBar－》SetScrollPos(pScrollBar－》GetScrollPos() ＋ 1); m_Chart.Refresh(); } break; case SB_LINEUP:f = m_Chart.GetPlot().GetAxis(1, var).GetValueScale().GetMaximum() ＋ 1; if (f SetScrollPos(pScrollBar－》GetScrollPos() － 1); m_Chart.Refresh(); } break; } CDialog::OnVScroll(nSBCode, nPos, pScrollBar);}　　特别注意，程序中用到的关于控件的类，如CVcAxis等，需要在AbcDlg.cpp文件的开始处说明：＃include “VcAxis.h"。 　　限于篇幅，文中仅仅是一个简单示例的部分代码。在实际应用中，一般会有的需求，比如：对坐标轴进行缩放显示；采样有可能得不到正确的采样值时曲线显示不连续等等，这时需要根据需求编写相应代码。

ASP.NET中chart如何实现X轴滚动条

设置可视区域 的起始、结束位置。chart1.ChartAreas.AxisX.ScrollBar.IsPositionedInside = false;chart1.ChartAreas.AxisX.ScrollBar.Size = 20;chart1.ChartAreas.AxisX.ScaleView.Size = 10;chart1.ChartAreas.AxisX.ScaleView.MinSize = 1;

highcharts 怎么加滚动条

这个可以将highcharts.js换成highstock.js即可。 highstock.js就是专门针对x轴刻度为datetime类型且数据多的情况，会自动生成滚动条。 如果你的x轴刻度不为datetime类型，则可以给highcharts的容器加入css控制 产生横向滚动条。