ASP.NET MVC コントロールヘルプ
スタイル設定とCSS
コントロールの使用 > FlexChart > FlexChartの使用 > スタイル設定とCSS

CSS Classes for the FlexChart control are as follows:

Class Description
.wj-flexchart Styles the div host element of the FlexChart control.
.wj-header .wj-title Styles the header element.
.wj-footer .wj-title Styles the footer element.
.wj-label Styles the text for axis labels and legend labels.
Axis
.wj-axis-x .wj-line Styles the x-axis line.
.wj-axis-y .wj-line Styles the y-axis line.
.wj-axis-x .wj-title Styles the x-axis title.
.wj-axis-y .wj-title Styles the y-axis title.
.wj-axis-x .wj-label  Styles the x-axis labels.
.wj-axis-y .wj-label Styles the y-axis labels.
.wj-tick Styles the tick marks
.wj-axis-x .wj-tick Styles the x-axis tick marks.
.wj-axis-y .wj-tick Styles the y-axis tick marks.
.wj-tick-minor Styles the minor tick marks.
.wj-axis-x .wj-tick-minor Styles the minor tick marks on x-axis, which are displayed when the MinorTickMarks property is set to true.
.wj-axis-y .wj-tick-minor Styles the minor tick marks on y-axis, which are displayed when the MinorTickMarks property is set to true.
Plot Area
.wj-plot-area>rect Styles the plot area of the chart.
.wj-gridline Styles the major gridlines, which is displayed when the MajorGrid property is set to true.
.wj-gridline-minor Styles the minor gridlines, which is displayed when the MinorGrid property is set to true.
Legends
.wj-legend > rect Styles the legends of the chart.
.wj-legend .wj-label Styles the labels for each chart legend entries.
Data Labels
.wj-data-label Styles all the data labels for each data point.
.wj-data-label-border Styles the data label border
.wj-data-label-line Styles the data label line.
Selection
.wj-flexchart .wj-state-selected Styles the selected items in the FlexChart control, when SelectionMode property is set to series or point.
Interaction
.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-hline Styles the horizontal line marker.
.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-vline Styles the vertical line marker.
.wj-chart-linemarker-container Styles the div host element that includes the line marker content.
.wj-flexchart .wj-chart-linemarker-draggable Styles the cursor that appears while dragging the line marker.
.wj-chart-rangeslider .wj-chart-hrangeslider Styles the range slider.
.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-rangehandle Styles the range slider bar.
.wj-chart-rangeslider button Styles the button of range slider.
.wj-chart-rangeslider .wj-rangeslider-content Styles the content of range slider.
.wj-chart-hrangeslider Styles the horizontal range slider.
.wj-chart-hrangeslider .wj-rangeslider-minhandle Styles the min handle of horizontal range slider.
.wj-chart-hrangeslider .wj-rangeslider-maxhandle Styles the max handle of horizontal range slider.
.wj-chart-vrangeslider Styles the vertical range slider.
.wj-chart-vrangeslider .wj-rangeslider-minhandle Styles the min handle of vertical range slider.
.wj-chart-vrangeslider .wj-rangeslider-maxhandle Styles the max handle of vertical range slider.
.wj-rangeslider-maxhandle .wj-rangeslider-handle-active Styles the currently selected max range slider handler.
.wj-rangeslider-minhandle .wj-rangeslider-handle-active Styles the currently selected min range slider handler.
.wj-panable Styles the cursor that appears while performing the panning operation on the FlexChart control.
.wj-zoom-overlay Styles the highlighting zooming area on the chart.