HighCharts之圖表背景設定
為HighCharts設定XAxis的PlotBands屬性,全部程式碼如下:
Highcharts chart = new Highcharts("HC" + divName)
.InitChart(new Chart
{
DefaultSeriesType = CT_type,
Width = _width,
Height = _height,
ClassName = _Title,
BackgroundColor = null
}).SetCredits(new Credits { Enabled = false })
.SetTitle(new Title
{
Text = _Title
})
.SetXAxis(new XAxis
{
Title = new XAxisTitle { Text = "單位:" + unitName },
Categories = xCategoryList.ToArray(),
Reversed = false,
Opposite = false,
PlotBands = new[]{
new XAxisPlotBands{
Color=ColorTranslator.FromHtml("#FCFFC5"),
From=7,
To=12,
Label=new XAxisPlotBandsLabel {Text="上午工作時間"}
},
new XAxisPlotBands{
Color=ColorTranslator.FromHtml("#FCFFC5"),
From=13,
To=18,
Label=new XAxisPlotBandsLabel {Text="下午工作時間"}
}
}
})
.SetYAxis(new YAxis
{
Title = new YAxisTitle { Text = "單位:" + SeriesUnit },
Min = 0,
PlotLines = new[]
{
new YAxisPlotLines
{
Value = 0,
Width = 1,
Color = ColorTranslator.FromHtml("#808080")
} }
})
.SetTooltip(new Tooltip
{
Formatter = ToolTip_info,
ValueDecimals = 2
})
.SetPlotOptions(new PlotOptions
{
Column = new PlotOptionsColumn
{
BorderWidth = 2,
BorderColor = ColorTranslator.FromHtml("#edc240")
}
})
.SetLegend(new Legend
{
Enabled = false
})
.SetSeries(new[]
{
new Series { Name ="", Data = new Data(yDataSeriesList.ToArray()),Color=ColorTranslator.FromHtml("#f5e2a7")}
}
);
return chart.ToHtmlString();
相關文章
- JavaScript設定背景圖片JavaScript
- Android之背景圖片設定為重複Android
- 微信小程式設定背景圖微信小程式
- JavaScript設定背景圖片位置JavaScript
- 為view設定背景圖片View
- windows10背景圖怎麼設定_win10設定桌面背景圖的方法WindowsWin10
- html+css 設定背景圖片HTMLCSS
- CSS設定背景圖片程式碼CSS
- HT For Web 拓撲圖背景設定Web
- vscode設定背景圖片VSCode
- svg 圖示設定背景顏色SVG
- UIView設定背景圖片幾種方式UIView
- JavaScript動態設定元素背景圖片JavaScript
- 為input文字框設定背景圖片
- 網頁圖表Highcharts實踐教程之圖表區網頁
- 圖表外掛Highcharts的動態化賦值,實現圖表資料的動態化設定顯示賦值
- CSS3 設定多個背景圖片CSSS3
- VS背景設定
- 網頁圖表Highcharts實踐教程之外層圖表區網頁
- c# 設定MdiClient窗體的背景圖片C#client
- 設定二維碼圖片背景透明教程
- 設定背景圖片鋪滿整個螢幕
- win8磁貼背景設定圖文教程
- CSS設定<input>標籤的背景小圖示CSS
- css設定背景圖片鋪滿固定不動CSS
- 搜尋框設定背景圖 通過設定placeholder屬性新增
- 網頁圖表Highcharts實踐教程之圖表程式碼構成網頁
- pycharm如何設定背景PyCharm
- CSS設定背景模糊CSS
- Eclipse背景設定Eclipse
- js圖表控制元件:highcharts的應用JS控制元件
- 美圖秀秀-美化圖片之【背景虛化】介面設計
- highCharts動態取值之單折線圖
- win8系統磁貼背景設定圖解圖解
- css設定背景圖片樣式程式碼例項CSS
- QT中 視窗部件的 背景圖片 的設定QT
- Qt中按鈕背景圖片的切換設定QT
- python 設定背景影像Python