AnyChart图表控件使用指南(三)

坐标轴是图表不可或缺的元素，坐标轴控制着值、参数比例、网格、轴标签、轴刻度、坐标轴线等，anychart为坐标轴提供了多种属性，开发人员可以根据自己的需求进行灵活的设置，可控制坐标轴的几乎每一个可视元素，在这一节我们主要讨论AnyChart坐标轴的各个元素设置。

关于AnyChart图表的介绍和在线事例请查看>>

1.坐标轴定义以及任何设置都是在节点下的子节点里进行，像下面的代码：

<chart_setttings>
  <axes>
    <x_axis>
    x_axis>
    <y_axis>
    y_axis>
    <extra>
      <y_axis name="y2"/>
    extra>
  axes>
chart_setttings>

2.设置坐标轴标题：使用AnyChart可以设置任何轴的标题，以及控制标题的位置、字体使用的关键词，所有轴标题相关的设置都是在或 <x_axis><title>节点里，如下事例代码：</p> <div> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">axes</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">x_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">title</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">text</span><span style="color:#0000ff;">></span>Sample X axis name<span style="color:#0000ff;"></</span><span style="color:#800000;">text</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">font </span><span style="color:#ff0000;">bold</span><span style="color:#0000ff;">="Yes"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">title</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">x_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis </span><span style="color:#ff0000;">position</span><span style="color:#0000ff;">="Opposite"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">title </span><span style="color:#ff0000;">align</span><span style="color:#0000ff;">="Near"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">text</span><span style="color:#0000ff;">></span>Y axis from %DataPlotYMax to %DataPlotYMin<span style="color:#0000ff;"></</span><span style="color:#800000;">text</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">title</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">axes</span><span style="color:#0000ff;">></span></pre> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> </div> <p>以上代码里我们设置了X轴和Y轴标题，并且设置X轴标题为粗体，Y轴标题中使用到了%DataPlotYMax 和%DataPlotYMin关键词<br> 3.轴位置：Anychat支持放置Y轴和X轴在任何一边，只需要设置<y_axis>节点里的position属性为"Opposite"或者"Normal"：</p> <p><a href="http://img.e-com-net.com/image/info8/9c04358413094aa480cbf3e99cf3ae51.jpg" target="_blank"><img alt="AnyChart图表控件使用指南(三)_第1张图片" src="http://img.e-com-net.com/image/info8/9c04358413094aa480cbf3e99cf3ae51.jpg" width="371" height="277" style="border:1px solid black;"></a></p> <p>4.轴标签：如果要显示轴标签需要设置<labels enabled="true"/>，还可以指定标签显示的外观效果，标签离轴线的距离，标签的显示角度等</p> <p>a) 正常模式显示标签</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">labels </span><span style="color:#ff0000;">display_mode</span><span style="color:#0000ff;">="Normal"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>b)旋转标签：</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">labels </span><span style="color:#ff0000;">display_mode</span><span style="color:#0000ff;">="Normal"</span><span style="color:#ff0000;"> rotation</span><span style="color:#0000ff;">="90"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>c)标签交错显示：</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">labels </span><span style="color:#ff0000;">display_mode</span><span style="color:#0000ff;">="Stager"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>d)轴标签位置，标签可以放置在轴的左侧或者右侧</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">labels </span><span style="color:#ff0000;">align</span><span style="color:#0000ff;">="Inside"</span><span style="color:#ff0000;"> position</span><span style="color:#0000ff;">="Inside"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>e)轴标签和轴的间隔</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">labels </span><span style="color:#ff0000;">padding</span><span style="color:#0000ff;">="10"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>f)轴标签字体和样式等</p> <div> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">labels</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">font </span><span style="color:#ff0000;">family</span><span style="color:#0000ff;">="Courier"</span><span style="color:#ff0000;"> size</span><span style="color:#0000ff;">="12"</span><span style="color:#ff0000;"> color</span><span style="color:#0000ff;">="Red"</span><span style="color:#ff0000;"> bold</span><span style="color:#0000ff;">="True"</span><span style="color:#ff0000;"> italic</span><span style="color:#0000ff;">="False"</span><span style="color:#ff0000;"> underline</span><span style="color:#0000ff;">="False"</span><span style="color:#ff0000;"> render_as_html</span><span style="color:#0000ff;">="False"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">effects </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="true"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">drop_shadow </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="true"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">effects</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">font</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">labels</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> </div> <p>g)设置是否显示起始和结束标签以及十字标签</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">labels </span><span style="color:#ff0000;">show_first_label</span><span style="color:#0000ff;">="False"</span><span style="color:#ff0000;"> show_last_label</span><span style="color:#0000ff;">="False"</span><span style="color:#ff0000;"> show_cross_label</span><span style="color:#0000ff;">="True"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>h)轴标签的格式化会在以后详细介绍 </p> <p><a href="http://img.e-com-net.com/image/info8/91fb0356bf174876b622638b86729ff1.jpg" target="_blank"><img alt="AnyChart图表控件使用指南(三)_第2张图片" src="http://img.e-com-net.com/image/info8/91fb0356bf174876b622638b86729ff1.jpg" width="598" height="345" style="border:1px solid black;"></a></p> <p>5. 坐标轴线外观设置以及坐标轴分段</p> <div> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">axes</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">line </span><span style="color:#ff0000;">color</span><span style="color:#0000ff;">="Red"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">zero_line </span><span style="color:#ff0000;">color</span><span style="color:#0000ff;">="Red"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">x_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">line_style </span><span style="color:#ff0000;">color</span><span style="color:#0000ff;">="Red"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">zero_line_style </span><span style="color:#ff0000;">color</span><span style="color:#0000ff;">="Red"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">x_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">axes</span><span style="color:#0000ff;">></span></pre> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> </div> <p><a href="http://img.e-com-net.com/image/info8/94ac9a336cb340cab93dd64207096156.jpg" target="_blank"><img alt="AnyChart图表控件使用指南(三)_第3张图片" src="http://img.e-com-net.com/image/info8/94ac9a336cb340cab93dd64207096156.jpg" width="606" height="380" style="border:1px solid black;"></a></p> <p>6.轴刻度：坐标轴刻度分为主刻度和次刻度，anychart可完全控制主刻度和次刻度间隔比例、外观和位置等</p> <p>1)设置主刻度和次刻度是否显示：</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">major_tickmark </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="True"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">minor_tickmark </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="False"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>2)设置主刻度和次刻度位置</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">major_tickmark </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="True"</span><span style="color:#ff0000;"> outside</span><span style="color:#0000ff;">="True"</span><span style="color:#ff0000;"> inside</span><span style="color:#0000ff;">="False"</span><span style="color:#ff0000;"> opposite</span><span style="color:#0000ff;">="False"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">minor_tickmark </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="False"</span><span style="color:#ff0000;"> outside</span><span style="color:#0000ff;">="False"</span><span style="color:#ff0000;"> inside</span><span style="color:#0000ff;">="True"</span><span style="color:#ff0000;"> opposite</span><span style="color:#0000ff;">="False"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p><a href="http://img.e-com-net.com/image/info8/44ee424092c74b2687cca064d37b4c3b.jpg" target="_blank"><img alt="AnyChart图表控件使用指南(三)_第4张图片" src="http://img.e-com-net.com/image/info8/44ee424092c74b2687cca064d37b4c3b.jpg" width="594" height="346" style="border:1px solid black;"></a></p> <p>3)坐标轴比例分为线性(Linear)和对数(Logarithmic)，如下：</p> <div> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">axes</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">scale </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="Logarithmic"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">x_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">scale </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="Linear"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">x_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">axes</span><span style="color:#0000ff;">></span></pre> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> </div> <p>4) 坐标轴比例模式，各种比例模式适合哪些序列类型请看下表：</p> <table border="1"> <tbody> <tr> <td> <p><strong><span style="color:#222222;">比例模式</span></strong></p> </td> <td> <p><strong><span style="color:#222222;">图表序列类型</span></strong></p> </td> </tr> <tr> <td valign="top"> <p><span style="color:#333333;">Normal</span></p> </td> <td valign="top"> <p><span style="color:#333333;">适合所有序列类型</span></p> </td> </tr> <tr> <td valign="top"> <p><span style="color:#333333;">Stacked</span></p> </td> <td valign="top"> <p><span style="color:#333333;">适合</span><span style="color:#333333;">(Bar, Line, Area</span><span style="color:#333333;">等</span><span style="color:#333333;">)</span></p> </td> </tr> <tr> <td valign="top"> <p><span style="color:#333333;">PercentStacked </span></p> </td> <td valign="top"> <p><span style="color:#333333;">适合</span><span style="color:#333333;">(Bar, Line, Area</span><span style="color:#333333;">等</span><span style="color:#333333;">)</span></p> </td> </tr> <tr> <td valign="top"> <p><span style="color:#333333;">Overlay</span></p> </td> <td valign="top"> <p><span style="color:#333333;">适合</span><span style="color:#333333;">柱状图</span></p> </td> </tr> <tr> <td valign="top"> <p><span style="color:#333333;">SortedOverlay</span></p> </td> <td valign="top"> <p><span style="color:#333333;">适合</span><span style="color:#333333;">柱状图、气泡图</span></p> </td> </tr> </tbody> </table> <p>比例模式设置如下：</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">scale </span><span style="color:#ff0000;">mode</span><span style="color:#0000ff;">="Stacked"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>5)设置坐标轴最大值和最小值</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">scale </span><span style="color:#ff0000;">maximum</span><span style="color:#0000ff;">="100"</span><span style="color:#ff0000;"> minimum</span><span style="color:#0000ff;">="-50"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>6)设置坐标轴主刻度和次刻度的间隔步数，如下：</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">scale </span><span style="color:#ff0000;">major_interval</span><span style="color:#0000ff;">="20"</span><span style="color:#ff0000;"> minor_interval</span><span style="color:#0000ff;">="2"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>7)设置坐标轴比例倒置显示，也就是从上到下递增显示，如：</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">scale </span><span style="color:#ff0000;">inverted</span><span style="color:#0000ff;">="true"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>8)设置轴位置，如下图</p> <p><a href="http://img.e-com-net.com/image/info8/57795a493cb54d968a6e4db18e2e43ab.jpg" target="_blank"><img alt="AnyChart图表控件使用指南(三)_第5张图片" src="http://img.e-com-net.com/image/info8/57795a493cb54d968a6e4db18e2e43ab.jpg" width="610" height="372" style="border:1px solid black;"></a></p> <p>只需要设置：</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">x_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">scale </span><span style="color:#ff0000;">crossing</span><span style="color:#0000ff;">="0"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">x_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>7.设置图表网格线</p> <p>(一)设置是否显示主网格线和次网格线</p> <div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">major_grid </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="True"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">minor_grid </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="True"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> </div> <p>(二)设置网格线样式</p> <div> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">major_grid </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="True"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">line </span><span style="color:#ff0000;">color</span><span style="color:#0000ff;">="Black"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">major_grid</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">minor_grid </span><span style="color:#ff0000;">enabled</span><span style="color:#0000ff;">="True"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">line </span><span style="color:#ff0000;">color</span><span style="color:#0000ff;">="Black"</span><span style="color:#ff0000;"> opacity</span><span style="color:#0000ff;">="0.5"</span><span style="color:#ff0000;"> dashed</span><span style="color:#0000ff;">="True"</span><span style="color:#0000ff;">/></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">minor_grid</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">y_axis</span><span style="color:#0000ff;">></span></pre> <div> <img alt="复制代码" src="http://img.e-com-net.com/image/info8/bd54bc823ad4473c8df81da2dd0e2402.gif" width="0" height="0"> </div> </div> <p><a href="http://img.e-com-net.com/image/info8/317bedadc4444901b34431776ac276de.jpg" target="_blank"><img alt="AnyChart图表控件使用指南(三)_第6张图片" src="http://img.e-com-net.com/image/info8/317bedadc4444901b34431776ac276de.jpg" width="613" height="379" style="border:1px solid black;"></a></p> <p>8.还有很多细节方面的这里就不在一一说明，有兴趣的可以下载试用版，查看控件提供的帮助文档。<br></p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1281778768012132352"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(图表)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1829882436155174912.htm" title="科研绘图系列：R语言雷达图（radar plot）" target="_blank">科研绘图系列：R语言雷达图（radar plot）</a> <span class="text-muted">生信学习者2</span> <a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">R语言可视化</a><a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">数据可视化</a> <div>介绍雷达图，又称为蜘蛛网图或星形图，是一种以多轴方式显示数据的图表。它通常用于显示多个定量变量的值，这些变量被表示为从中心点向外延伸的轴。每个轴代表一个变量，而每个变量的值则通过从中心向外延伸的距离来表示。雷达图可以直观地展示多个变量之间的相对大小和关系。雷达图的特点：多维数据比较：可以同时比较多个变量，看它们在不同维度上的表现。综合评价：用于综合评价一个或多个对象在多个方面的表现。趋势分析：可以</div> </li> <li><a href="/article/1829882436692045824.htm" title="科研绘图系列：R语言饼图（pie chart）" target="_blank">科研绘图系列：R语言饼图（pie chart）</a> <span class="text-muted">生信学习者2</span> <a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">R语言可视化</a><a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">数据可视化</a> <div>介绍饼图是一种常用的数据可视化图表，它通过圆形的扇形区域来展示数据的比例关系。每个扇形的面积大小与其所代表的数据量成正比，从而直观地显示各部分在整体中所占的比重。特点：直观性：通过不同大小的扇形，可以直观地看到各个部分的相对大小。易于理解：圆形的分割使得人们容易理解各部分的相对比例。适合展示比例：特别适合展示各部分在整体中的比例关系。说明的问题：部分与整体的关系：显示每个部分在整体中所占的百分比。</div> </li> <li><a href="/article/1829882309772406784.htm" title="科研绘图系列：R语言径向柱状图（Radial Bar Chart）" target="_blank">科研绘图系列：R语言径向柱状图（Radial Bar Chart）</a> <span class="text-muted">生信学习者2</span> <a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">R语言可视化</a><a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">数据可视化</a> <div>介绍径向柱状图（RadialBarChart），又称为雷达图或蜘蛛网图（SpiderChart），是一种在极坐标系中绘制的柱状图。这种图表的特点是将数据点沿着一个或多个从中心向外延伸的轴来展示，这些轴通常围绕着一个中心点均匀分布。特点：极坐标系统：数据点不是在直角坐标系中展示，而是在极坐标系中，围绕一个中心点。多维度数据展示：可以同时展示多个变量的数据，每个变量对应一个轴。视觉集中：所有数据点都围</div> </li> <li><a href="/article/1829844112736612352.htm" title="Pyecharts 可视化数据大屏设计与实践" target="_blank">Pyecharts 可视化数据大屏设计与实践</a> <span class="text-muted">jun778895</span> <a class="tag" taget="_blank" href="/search/pyecharts/1.htm">pyecharts</a> <div>Pyecharts可视化数据大屏设计与实践在当今数字化转型的大潮中，数据可视化大屏成为了企业展示业务数据、监控运营状态、辅助决策制定的重要工具。Pyecharts，作为一款基于Python的开源数据可视化库，因其丰富的图表类型、灵活的配置选项以及易于集成的特性，成为构建数据大屏的理想选择。本文将详细探讨如何利用Pyecharts设计并实现一个功能全面、视觉效果突出的数据可视化大屏。一、项目概述假设</div> </li> <li><a href="/article/1829769725157142528.htm" title="接口（Interface）和抽象类（Abstract Class）的区别是什么？" target="_blank">接口（Interface）和抽象类（Abstract Class）的区别是什么？</a> <span class="text-muted">刺仙</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>概要：在Java中，接口（Interface）和抽象类（AbstractClass）都是用于定义类的蓝图，并为子类提供方法实现的基础。它们在设计和使用上有一些关键区别。补充(什么是蓝图？)在面向对象编程（OOP）中，“蓝图”是一个比喻，用来形容类（class）的角色。蓝图通常指的是一个设计图或者计划，提供了构建或实现某物的结构和细节。在编程中，蓝图表示类定义的方式，提供了创建对象的模板或规范。抽象</div> </li> <li><a href="/article/1829700525692645376.htm" title="2024年8月31日CSDN自动提示的用法" target="_blank">2024年8月31日CSDN自动提示的用法</a> <span class="text-muted">常家壮</span> <a class="tag" taget="_blank" href="/search/Windows/1.htm">Windows</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E9%97%B8%E8%9F%B9/1.htm">大闸蟹</a><a class="tag" taget="_blank" href="/search/CSDN/1.htm">CSDN</a><a class="tag" taget="_blank" href="/search/markdown/1.htm">markdown</a><a class="tag" taget="_blank" href="/search/%E7%94%A8%E6%B3%95/1.htm">用法</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark</div> </li> <li><a href="/article/1829638106316369920.htm" title="使用 ECharts 进行数据可视化" target="_blank">使用 ECharts 进行数据可视化</a> <span class="text-muted">小于负无穷</span> <a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>1.概述ECharts是一个由百度开源的强大、灵活的JavaScript图表库，用于在Web页面上创建各种类型的数据可视化图表。它具有丰富的图表类型、强大的配置选项和良好的跨平台兼容性，广泛应用于数据分析、业务报表、仪表盘等场景。2.ECharts的安装ECharts的安装和引入非常简单，可以通过以下几种方式来使用：2.1通过CDN引入最简单的方式是通过CDN引入ECharts的脚本文件。在HTM</div> </li> <li><a href="/article/1829522633276878848.htm" title="python 计算曲线面积_Python数据可视化----------利用matlibplot做出漂亮的图表（入门篇）..." target="_blank">python 计算曲线面积_Python数据可视化----------利用matlibplot做出漂亮的图表（入门篇）...</a> <span class="text-muted">weixin_39884412</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9B%B2%E7%BA%BF%E9%9D%A2%E7%A7%AF/1.htm">计算曲线面积</a><a class="tag" taget="_blank" href="/search/Python%E4%BB%A3%E7%A0%81%E7%94%BB%E5%96%9C%E7%BE%8A%E7%BE%8A%E6%80%8E%E4%B9%88%E7%94%BB/1.htm">Python代码画喜羊羊怎么画</a><a class="tag" taget="_blank" href="/search/python%E6%80%8E%E4%B9%88%E7%94%BB%E4%B8%80%E4%B8%AA%E7%82%B9/1.htm">python怎么画一个点</a><a class="tag" taget="_blank" href="/search/python%E6%A0%87%E9%A2%98%E7%9A%84%E4%BD%8D%E7%BD%AE/1.htm">python标题的位置</a> <div>众所周知，知乎是一个专业的学习网站。时间不等人，开始今天的学习。今天我们讲python能和matlab媲美的绘图工具包-------Matlibplot。什么？你没学过python？那你点个赞赶紧走吧。首先我们先了解一下，一张美丽的图表（Figure）包括了哪些东西，最基本的是坐标轴，图例，曲线，标题（如下图）。如何利用matlibplot创建一个Figure呢？在你的python编译器里面输入下</div> </li> <li><a href="/article/1829332496219729920.htm" title="2018-12-08" target="_blank">2018-12-08</a> <span class="text-muted">岁月静好_69c3</span> <div>今天的学习内容就是图表的动态制作1.新建辅助列，辅助列里面输入姓名，在另一个单元格点击数据，数据验证，序列，来源选择姓名列，确定2.新建一列，为月份，新建另一列为数据列，输入公式＝VLOOKUP（条件区域，数据区域，COLUNM（），0回车，往后拉，数据列就做好了3.选中数据区域，点击插入，折线图4.图表美化，选中折线图，点击鼠标右键，添加数据标签，点击鼠标右键，设置数据标签格式，靠上，类别名称，</div> </li> <li><a href="/article/1829223881655808000.htm" title="vue实现echarts-wordcloud词云图表，wordcloud参数配置列表" target="_blank">vue实现echarts-wordcloud词云图表，wordcloud参数配置列表</a> <span class="text-muted">总是幸福的小豌豆</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a> <div>1、通过npm引入echartsnpminstallecharts--save2、在main.js中添加下面两行代码importechartsfrom'echarts'Vue.prototype.$echarts=echarts3、在main.js中引入echarts-wordcloud.min.jsimport'./plugins/echarts-wordcloud.min.js'//根据实际地</div> </li> <li><a href="/article/1829215683079139328.htm" title="Visio2021下载与安装：附软件安装包+详细安装步骤" target="_blank">Visio2021下载与安装：附软件安装包+详细安装步骤</a> <span class="text-muted">文采飞扬的阿文</span> <a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E5%9B%BE/1.htm">流程图</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>Visio是一款十分专业和优秀好用的流程图绘制软件，MicrosoftOfficeVisio2021可以轻松直观地创建流程图、网络图、组织结构图、工程设计以及其他使用现代形状和模板的内容。使用Visio这款工具，可以绘制业务流程图、组织结构图、项目管理图、营销图表、办公室布局图、网络图、电子线路图、数据库模型图、工艺管道图、因果图和方向图等，便于IT和商务专业人员就复杂信息、系统和流程进行可视化处</div> </li> <li><a href="/article/1829158704864391168.htm" title="微信小程序中的ECharts动态加载" target="_blank">微信小程序中的ECharts动态加载</a> <span class="text-muted">qq_43844285</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91/1.htm">微信小程序开发</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>因为个人工作需要，本人需要在微信小程序中插入图表，基于种种原因选择使用ECharts完成此功能。同时因为小程序中的图表需要根据后端传递数据进行动态加载或修正，或者在页面交互过程中发生变化，而若直接在开始便直接写定，则无法发生变化，或在重新加载选定元素时出现问题，因此本人采用了如下方式完成了个人需求，感兴趣的可以参考一下。1、获取像素比为了保证在微信小程序ECharts中图标可以以正常像素显示，则首</div> </li> <li><a href="/article/1829085331262107648.htm" title="Draw.io 24.7.5 (制作流程图) 便携版" target="_blank">Draw.io 24.7.5 (制作流程图) 便携版</a> <span class="text-muted">SM2263XT</span> <a class="tag" taget="_blank" href="/search/draw.io/1.htm">draw.io</a><a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E5%9B%BE/1.htm">流程图</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%84%91/1.htm">电脑</a> <div>Draw.io是一个很好用的免费的流程图绘制工具。你可以利用raw.io绘制一系列的图表、图示或图形，包括流程图、UML类图、组织结构图、泳道图、E-R图、文氏图等等，适用于商务、工程、电气、网络设计、软件设计等诸多领域的专业绘图。该版本已授权，可以免费使用全部功能。软件截图：使用说明：1、将压缩文件解压到某固定位置，不要随意移动。2、解压后，双击start_draw.bat来运行软件下载地址：d</div> </li> <li><a href="/article/1829073237666000896.htm" title="【0302我在悦读】" target="_blank">【0302我在悦读】</a> <span class="text-muted">若心21</span> <div>书单：思维导图作者：尼东.博赞巴利.博赞章节：思维导图基本定义及组成内容：思维导图是用图表表现的发散性思维方式。它在中央发散出来，运用曲线、符号、词汇、颜色以及图片，形成一个完全自然的有机组织。使用词汇：每个人都可以运用发散思维的方式，将关键词和关键图片进行连接。这是思维导图的基础。作者让我们做了一个“幸福”的小型思维导图。写出10个和幸福相关的词汇，我写的是家庭，孩子，父母，工作，旅游，逛街，买</div> </li> <li><a href="/article/1829059746523607040.htm" title="echarts瀑布图_一种基于阶梯瀑布图的数据计算方法与流程" target="_blank">echarts瀑布图_一种基于阶梯瀑布图的数据计算方法与流程</a> <span class="text-muted">孤独凤凰战士</span> <a class="tag" taget="_blank" href="/search/echarts%E7%80%91%E5%B8%83%E5%9B%BE/1.htm">echarts瀑布图</a> <div>本发明涉及数据分析技术领域，具体地说是一种基于阶梯瀑布图的数据计算方法。背景技术：Echarts是一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器(IE8/9/10/11，Chrome，Firefox，Safari等)，底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。ECharts提供了常规的折线</div> </li> <li><a href="/article/1829056578247028736.htm" title="赠模板|Keynote模板-图表分析法" target="_blank">赠模板|Keynote模板-图表分析法</a> <span class="text-muted">志汇CLUB</span> <div>主题：Keynote图表分析法模板格式：Keynote场景：通过图表分析问题的整体与部分尺寸：1920*1080页数：18页说明：1、一般人在处理问题、事物时，对平常熟悉的事物不太会认真仔细地分析观察，这在主观上就形成了感知障碍，从而不能全面深入地思考问题。2、因此我们在演讲过程中，通常需要通过列举事物各方面的属性、性质、特征，归纳出新的概念。本模板就是用图表的形式，帮助我们对一个熟悉的事物进行重</div> </li> <li><a href="/article/1829004657033310208.htm" title="【GitHub项目推荐--一个轻量级 SQLite 可视化工具】【转载】" target="_blank">【GitHub项目推荐--一个轻量级 SQLite 可视化工具】【转载】</a> <span class="text-muted">旅之灵夫</span> <a class="tag" taget="_blank" href="/search/GitHub%E9%A1%B9%E7%9B%AE%E6%8E%A8%E8%8D%90/1.htm">GitHub项目推荐</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>Sqliteviz是一个轻量级SQLite可视化工具。包含功能如下：针对SQLite数据库运行SQL查询并根据结果集创建Plotly图表和数据透视表，将CSV文件导入SQLite数据库并可视化导入的数据，将结果集导出到CSV文件，管理查询并针对不同的数据库运行它们等等。地址：www.github.com/lana-k/sqliteviz</div> </li> <li><a href="/article/1828856483698274304.htm" title="【matplotlib】可视化解决方案——如何向图表中添加数据表" target="_blank">【matplotlib】可视化解决方案——如何向图表中添加数据表</a> <span class="text-muted">勇敢努力拼搏</span> <div>概述虽然matplotlib主要用途是绘图，但是他还是可以在绘图时帮助我们做一些其他事务，比如在图表旁边放置一个整齐的数据表格。我们必须明白为数据绘制可视化图形主主要是是为了解释那些不能理解的数据。将一些来自数据整体集合的总结性或者突出强调的值放在图表旁边可以更好的帮助我们理解数据，例如平均销售额等。在matplotlib中有一个专门的模块matplotlib.table用于管理和表格相关事情，在</div> </li> <li><a href="/article/1828725901458763776.htm" title="Intel Xeon CPU 命名规则" target="_blank">Intel Xeon CPU 命名规则</a> <span class="text-muted">weixin_34242658</span> <div>我们以新发布的E3-1220来对这个图表进行一个详细解析。首先，IntelE3，E5，E7代表了3个不同档次的至强CPU，至强“E系列”的这种命名方式有些类似桌面上的Corei3，i5，i7；比较通俗易懂的解释就是可以对应我们的豪华汽车生产商宝马3系，5系和7系。分别对应好，更好和最好。其次，E3-1220中的这个"1"，也就是连字符后的第一个数字，它代表处理器最多支持的并行路数，有1、2、4、8</div> </li> <li><a href="/article/1828725901882388480.htm" title="vue如何获取div的宽度_vue 动态获取div宽高有时候为0的情况" target="_blank">vue如何获取div的宽度_vue 动态获取div宽高有时候为0的情况</a> <span class="text-muted">weixin_39801613</span> <a class="tag" taget="_blank" href="/search/vue%E5%A6%82%E4%BD%95%E8%8E%B7%E5%8F%96div%E7%9A%84%E5%AE%BD%E5%BA%A6/1.htm">vue如何获取div的宽度</a> <div>项目背景：需要使用echarts进行图表展示。由于div宽高是不固定的，因此需要先获取父级的宽高再把值赋予到图表的div中。需要使用this.$nextTick(()=>{});方法，在mounted中，保证DOM渲染完全后，在进行echarts初始化。importechartsfrom'echarts';exportdefault{name:"wifiCollect",props:{classN</div> </li> <li><a href="/article/1828661996447428608.htm" title="使用ChatGPT完成数据分析与可视化的全过程" target="_blank">使用ChatGPT完成数据分析与可视化的全过程</a> <span class="text-muted">AcademicIdeas学境思源</span> <a class="tag" taget="_blank" href="/search/ChatGPT/1.htm">ChatGPT</a><a class="tag" taget="_blank" href="/search/AI%E5%86%99%E4%BD%9C/1.htm">AI写作</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>学境思源，一键生成论文初稿：AcademicIdeas-学境思源AI论文写作在数据驱动的时代，数据分析与可视化成为了洞察信息、支持决策的重要工具。ChatGPT可以显著提升这些任务的效率和准确性。本文将探讨如何运用ChatGPT来简化数据分析和可视化的过程，包括从数据清理、缺失值处理到生成交互式图表的具体操作。通过自动化处理和智能建议，ChatGPT不仅帮助我们快速解决数据分析中的常见问题，还能提</div> </li> <li><a href="/article/1828436614515355648.htm" title="数字电路中卡诺图理解" target="_blank">数字电路中卡诺图理解</a> <span class="text-muted">Lambor_Ma</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%97/1.htm">数字</a> <div>简单理解就是，卡诺图是用来化简数字逻辑的图表，它将不同输入变量的组合枚举到图表中，然后填入是否为1或者0.化简有2种方式1种是SOP一种是POS。SOPsumofproducts就是P=ab+bc+abc这种形式化简方法为：1.圈出相邻的1（4个角也可以认为是相邻的）2.化简写出每个圈的最简式子3.将最简式相加举例假设A圈是BD构成，B圈是B’D’构成，则最后结果是BD+B’D’POSproduc</div> </li> <li><a href="/article/1828434720980037632.htm" title="【PyQt5 应用程序】PyQt基础组件：表格视图" target="_blank">【PyQt5 应用程序】PyQt基础组件：表格视图</a> <span class="text-muted">Mr数据杨</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E7%94%A8%E7%A8%8B%E5%BA%8F/1.htm">实用程序</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/pyqt/1.htm">pyqt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在深入了解PyQt的基础组件时，表格视图（QTableView）是一个非常强大且灵活的组件，用于显示和编辑二维数据。本部分将逐一讲解表格视图的关键概念、如何使用它，以及一些具体的参数应用实例。文章目录表格视图数据排序和筛选自定义单元格编辑器总结表格视图表格视图是基于模型-视图（Model-View）框架的一部分，这意味着它从一个模型（Model）中获取数据，并将其以表格的形式呈现给用户。这种设计使</div> </li> <li><a href="/article/1828407491860459520.htm" title="在编程学习的道路上，面对Bug和复杂算法时，我们常常会感到挫折和困惑。以下是一些克服这些挑战的有效方法：" target="_blank">在编程学习的道路上，面对Bug和复杂算法时，我们常常会感到挫折和困惑。以下是一些克服这些挑战的有效方法：</a> <span class="text-muted">好家伙VCC</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/bug/1.htm">bug</a> <div>在编程学习的道路上，面对Bug和复杂算法时，我们常常会感到挫折和困惑。以下是一些克服这些挑战的有效方法：系统化问题解决：遇到Bug时，首先要从整体入手，系统地分析问题。例如，可以通过逐步调试代码，使用断点和日志来定位错误来源。保持代码简洁，逐步添加新功能，有助于减少Bug的产生。拆解算法问题：面对复杂的算法，尝试将其拆解成更小的子问题。首先理解问题的基本概念和要求，然后用伪代码或流程图表示算法的每</div> </li> <li><a href="/article/1828335904842936320.htm" title="R 语言学习教程，从入门到精通，R 绘图饼图（22）" target="_blank">R 语言学习教程，从入门到精通，R 绘图饼图（22）</a> <span class="text-muted">知识分享小能手</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E5%BF%83%E5%BE%97%E4%BD%93%E4%BC%9A/1.htm">学习心得体会</a><a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E7%BB%98%E5%9B%BE/1.htm">绘图</a><a class="tag" taget="_blank" href="/search/%E7%BB%9F%E8%AE%A1%E5%AD%A6/1.htm">统计学</a> <div>1、R绘图饼图R语言提供来大量的库来实现绘图功能。饼图，或称饼状图，是一个划分为几个扇形的圆形统计图表，用于描述量、频率或百分比之间的相对关系。R语言使用pie()函数来实现饼图，语法格式如下：pie(x,labels=names(x),edges=200,radius=0.8,clockwise=FALSE,init.angle=if(clockwise)90else0,density=NULL</div> </li> <li><a href="/article/1828101833638375424.htm" title="每天一个数据分析题（三百五十八）-图表决策树" target="_blank">每天一个数据分析题（三百五十八）-图表决策树</a> <span class="text-muted">跟着紫枫学姐学CDA</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E9%A2%98%E5%BA%93/1.htm">数据分析题库</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a> <div>图中是某公司记录销售情况相关的表建立好的多维分析模型，请根据模型回答以下问题：1）该模型属于哪种连接模式？A.星型模式+雪花模式B.星座模式+雪花模式C.星座模式+星型模式+雪花模式D.以上都不对数据分析认证考试介绍：点击进入题目来源于CDA模拟题库点击此处获取答案</div> </li> <li><a href="/article/1828077379587764224.htm" title="ReactVChart矩形转化漏斗图配置示例" target="_blank">ReactVChart矩形转化漏斗图配置示例</a> <span class="text-muted">孤影_ls</span> <a class="tag" taget="_blank" href="/search/%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">可视化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/ReactVChart/1.htm">ReactVChart</a><a class="tag" taget="_blank" href="/search/VChart/1.htm">VChart</a><a class="tag" taget="_blank" href="/search/%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">可视化</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E8%A1%A8/1.htm">图表</a> <div>文章目录ReactVChart使用矩形转化漏斗图示例实际项目使用ReactVChart使用react-vchart文档@visactor/react-vchart该组件主要对VChart的图表部件做React组件化的封装，相关的配置项均与VChart一致react-vchart图表矩形转化漏斗图示例漏斗图，形如“漏斗”，用于单流程分析，在开始和结束之间由N个流程环节组成，通常这N个流程环节，有逻辑</div> </li> <li><a href="/article/1827831281740771328.htm" title="【C#】【EXCEL】Bumblebee/Classes/ExEnums.cs" target="_blank">【C#】【EXCEL】Bumblebee/Classes/ExEnums.cs</a> <span class="text-muted">hmywillstronger</span> <a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>文章目录Bumblebee/Classes/ExEnums.csFlowdiagramDescriptionCodeBumblebee/Classes/ExEnums.csFlowdiagramBumblebeeNamespaceBumblebee命名空间Enums枚举类型BorderEnums边框相关枚举FormattingEnums格式化相关枚举ChartEnums图表相关枚举ShapeEnu</div> </li> <li><a href="/article/1827734359780716544.htm" title="MetaBase指南-浏览和汇总单张表数据" target="_blank">MetaBase指南-浏览和汇总单张表数据</a> <span class="text-muted">啥都会点的狐狸</span> <div>以我手头健身房的数据为样例，首先按照下图(手绘功底深...)这个是一个会员的数据结构基本固定数据(深紫色)：name、年龄、生日、身高和性别；红色的是当前身体数据：体重按照kg算、BMI(身体指数)蓝色的会员活动信息：是否购买、课时数据、fristday第一次到店日期进入到MetaBase控制台，点击“NewQuestion”-》选择“Custome”即图表化的筛选数据在“DATA"下选择浏览目标</div> </li> <li><a href="/article/1827537473438314496.htm" title="微信小程序--使用antv F2绘制折线图" target="_blank">微信小程序--使用antv F2绘制折线图</a> <span class="text-muted">cccc☜</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>微信小程序–使用antvF2绘制折线图官网地址：https://f2.antv.antgroup.com/tutorial/getting-started1、引入antvF2npmi@antv/f2-canvas2、在页面中使用在demo.json中引入{"usingComponents":{"ff-canvas":"@antv/f2-canvas"}}在wxml中使用组件处理图表数据data{s</div> </li> <li><a href="/article/99.htm" title="ios内付费" target="_blank">ios内付费</a> <span class="text-muted">374016526</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E4%BB%98%E8%B4%B9/1.htm">内付费</a> <div>近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。具体使用如下: 这里的sender其实就是调用者，这里主要是为了回调使用。 [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa</div> </li> <li><a href="/article/226.htm" title="20 款优秀的 Linux 终端仿真器" target="_blank">20 款优秀的 Linux 终端仿真器</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux%E8%A7%86%E9%A2%91/1.htm">linux视频</a><a class="tag" taget="_blank" href="/search/linux%E8%B5%84%E6%96%99/1.htm">linux资料</a><a class="tag" taget="_blank" href="/search/linux%E8%87%AA%E5%AD%A6/1.htm">linux自学</a><a class="tag" taget="_blank" href="/search/linux%E6%95%99%E7%A8%8B/1.htm">linux教程</a> <div> 终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。）你能从开源世界中找到大量的终端仿真器，它们</div> </li> <li><a href="/article/353.htm" title="Solr Deep Paging(solr 深分页)" target="_blank">Solr Deep Paging(solr 深分页)</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/solr%E6%B7%B1%E5%88%86%E9%A1%B5/1.htm">solr深分页</a><a class="tag" taget="_blank" href="/search/solr%E5%88%86%E9%A1%B5%E6%80%A7%E8%83%BD%E9%97%AE%E9%A2%98/1.htm">solr分页性能问题</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2148370 作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr</div> </li> <li><a href="/article/480.htm" title="数据库面试题" target="_blank">数据库面试题</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98+%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">面试题数据库</a> <div>1.union ,union all 网络搜索出的最佳答案： union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 2.索引有哪些分类？作用是</div> </li> <li><a href="/article/607.htm" title="Android TV屏幕适配" target="_blank">Android TV屏幕适配</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>先说下现在市面上TV分辨率的大概情况两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有适配遇到问题，已1080p尺寸为例：分辨率固定不变，屏幕尺寸变化较大。如：效果图尺寸为1920x1080，如果使用d</div> </li> <li><a href="/article/734.htm" title="Timer定时器与ActionListener联合应用" target="_blank">Timer定时器与ActionListener联合应用</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>功能:在控制台每秒输出一次代码: package Main; import javax.swing.Timer; import java.awt.event.*; public class T { private static int count = 0; public static void main(String[] args){ </div> </li> <li><a href="/article/861.htm" title="Ubuntu14.04系统Tab键不能自动补全问题解决" target="_blank">Ubuntu14.04系统Tab键不能自动补全问题解决</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/Ubuntu+14.04/1.htm">Ubuntu 14.04</a> <div>Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下： 1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） sudo vi /etc/bash.bashrc 接下来会提示输入密码 2、找到文件中的下列代码 #enable bash completion in interactive shells #if</div> </li> <li><a href="/article/988.htm" title="学会人际关系三招轻松走职场" target="_blank">学会人际关系三招轻松走职场</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA/1.htm">职场</a> <div>要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。　　第一，多汇报最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。　　第二，勤沟通团队的力</div> </li> <li><a href="/article/1115.htm" title="《O2O：移动互联网时代的商业革命》读书笔记" target="_blank">《O2O：移动互联网时代的商业革命》读书笔记</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a> <div>移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。 O2O：Online to OffLine 线上线下活动 O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人</div> </li> <li><a href="/article/1242.htm" title="js实现图片随鼠标滚动的效果" target="_blank">js实现图片随鼠标滚动的效果</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E6%BB%9A%E5%8A%A8%E5%B1%9E%E6%80%A7%E7%9A%84%E8%8E%B7%E5%8F%96/1.htm">滚动属性的获取</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87%E6%BB%9A%E5%8A%A8/1.htm">图片滚动</a><a class="tag" taget="_blank" href="/search/%E5%B1%9E%E6%80%A7%E8%8E%B7%E5%8F%96/1.htm">属性获取</a><a class="tag" taget="_blank" href="/search/%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD/1.htm">页面加载</a> <div>1,获取样式属性值 top 与顶部的距离 left 与左边的距离 right 与右边的距离 bottom 与下边的距离 zIndex 层叠层次例子:获取左边的宽度,当css写在body标签中时 <div id="adver" style="position:absolute;top:50px;left:1000p</div> </li> <li><a href="/article/1369.htm" title="ajax同步异步参数async" target="_blank">ajax同步异步参数async</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/async/1.htm">async</a> <div> 开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。格式： $.ajax({ type: 'POST', ur</div> </li> <li><a href="/article/1496.htm" title="Webx3框架（1）" target="_blank">Webx3框架（1）</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a> <div>Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发；采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部</div> </li> <li><a href="/article/1623.htm" title="【MongoDB学习笔记五】MongoDB概述" target="_blank">【MongoDB学习笔记五】MongoDB概述</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo</div> </li> <li><a href="/article/1750.htm" title="spring/hibernate/struts2常见异常总结" target="_blank">spring/hibernate/struts2常见异常总结</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div> Spring ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 缺少aspectjweaver.jar，该jar包常用于spring aop中 ②java.lang.ClassNotFoundException: org.sprin</div> </li> <li><a href="/article/1877.htm" title="jquery easyui表单重置(reset)扩展思路" target="_blank">jquery easyui表单重置(reset)扩展思路</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/form/1.htm">form</a><a class="tag" taget="_blank" href="/search/jquery+easyui/1.htm">jquery easyui</a><a class="tag" taget="_blank" href="/search/reset/1.htm">reset</a> <div>在jquery easyui表单中尚未提供表单重置的功能，这就需要自己对其进行扩展。扩展的时候要考虑的控件有： combo,combobox,combogrid,combotree,datebox,datetimebox 需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。在所有的reset方法添加完毕之后，就需要对fo</div> </li> <li><a href="/article/2004.htm" title="编程之美-烙饼排序" target="_blank">编程之美-烙饼排序</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> package beautyOfCoding; import java.util.Arrays; /* *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码： */ </div> </li> <li><a href="/article/2131.htm" title="Struts1.X 源码分析之ActionForm赋值原理" target="_blank">Struts1.X 源码分析之ActionForm赋值原理</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a> <div>struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s</div> </li> <li><a href="/article/2258.htm" title="[空天防御与经济]在获得充足的外部资源之前,太空投资需有限度" target="_blank">[空天防御与经济]在获得充足的外部资源之前,太空投资需有限度</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90/1.htm">资源</a> <div> 这里有一个常识性的问题: 地球的资源,人类的资金是有限的,而太空是无限的..... 就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... &</div> </li> <li><a href="/article/2385.htm" title="ORACLE临时表—ON COMMIT PRESERVE ROWS" target="_blank">ORACLE临时表—ON COMMIT PRESERVE ROWS</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E4%B8%B4%E6%97%B6%E8%A1%A8/1.htm">临时表</a> <div>ORACLE临时表转临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会</div> </li> <li><a href="/article/2512.htm" title="基于Nginx XSendfile+SpringMVC进行文件下载" target="_blank">基于Nginx XSendfile+SpringMVC进行文件下载</a> <span class="text-muted">denger</span> <a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a><a class="tag" taget="_blank" href="/search/lighttpd/1.htm">lighttpd</a> <div> 在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 @RequestMapping("/courseware/{id}") public void download(@PathVariable("id") String courseID, HttpServletResp</div> </li> <li><a href="/article/2639.htm" title="scanf接受char类型的字符" target="_blank">scanf接受char类型的字符</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>/* 2013年3月11日22:35:54 目的：学习char只接受一个字符 */ # include <stdio.h> int main(void) { int i; char ch; scanf("%d", &i); printf("i = %d\n", i); scanf("%</div> </li> <li><a href="/article/2766.htm" title="学编程的价值" target="_blank">学编程的价值</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div>发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助像这位朋友学习: http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的</div> </li> <li><a href="/article/2893.htm" title="二维数组（矩阵）对角线输出" target="_blank">二维数组（矩阵）对角线输出</a> <span class="text-muted">飞天奔月</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a> <div>今天在BBS里面看到这样的面试题目, 1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组 { 1 2 3 4 } { 5 6 7 8 } { 9 10 11 12 } {13 14 15 16 } 打印顺序 4 3 8 2 7 12 1 6 11 16 5 10 15 9 14 13 要</div> </li> <li><a href="/article/3020.htm" title="Ehcache（08）——可阻塞的Cache——BlockingCache" target="_blank">Ehcache（08）——可阻塞的Cache——BlockingCache</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/BlockingCache/1.htm">BlockingCache</a><a class="tag" taget="_blank" href="/search/%E9%98%BB%E5%A1%9E/1.htm">阻塞</a> <div>可阻塞的Cache—BlockingCache 在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.</div> </li> <li><a href="/article/3147.htm" title="mysqldiff对数据库间进行差异比较" target="_blank">mysqldiff对数据库间进行差异比较</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/mysqld/1.htm">mysqld</a> <div> mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 1）基本用法 mysqldiff --server1=admin:12345</div> </li> <li><a href="/article/3274.htm" title="spring data jpa 方法中可用的关键字" target="_blank">spring data jpa 方法中可用的关键字</a> <span class="text-muted">lawrence.li</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>spring data jpa 支持以方法名进行查询/删除/统计。查询的关键字为find 删除的关键字为delete/remove (>=1.7.x) 统计的关键字为count (>=1.7.x) 修改需要使用@Modifying注解 @Modifying @Query("update User u set u.firstna</div> </li> <li><a href="/article/3401.htm" title="Spring的ModelAndView类" target="_blank">Spring的ModelAndView类</a> <span class="text-muted">nicegege</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version 2.0 (the "License"); * yo</div> </li> <li><a href="/article/3528.htm" title="搭建 CentOS 6 服务器(13) - rsync、Amanda" target="_blank">搭建 CentOS 6 服务器(13) - rsync、Amanda</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>（一）rsync Server端 # yum install rsync # vi /etc/xinetd.d/rsync service rsync { disable = no flags = IPv6 socket_type = stream wait </div> </li> <li><a href="/article/3655.htm" title="Learn Nodejs 02" target="_blank">Learn Nodejs 02</a> <span class="text-muted">toknowme</span> <a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a> <div>（1）npm是什么 npm is the package manager for node 官方网站：https://www.npmjs.com/ npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 &nb</div> </li> <li><a href="/article/3782.htm" title="Spring MVC 拦截器" target="_blank">Spring MVC 拦截器</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a> <div>Controller层的拦截器继承于HandlerInterceptorAdapter HandlerInterceptorAdapter.java 1 public abstract class HandlerInterceptorAdapter implements HandlerIntercep</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>