langzi588
langzi588

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> <!--PC和WAP自适应版--> <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"> <!-- 文章页-右侧1 动态广告位 --> <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> <!-- 文章页-右侧2 动态广告位 --> <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> <!-- 文章页-右侧3 动态广告位 --> <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/1891956268931805184.htm" title="使用R语言绘制山脊图的ggridges包" target="_blank">使用R语言绘制山脊图的ggridges包</a> <span class="text-muted">心之飞翼</span> <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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80/1.htm">R语言</a> <div>使用R语言绘制山脊图的ggridges包山脊图（ridgeplot）是一种用于可视化多个分布或变量之间关系的图表类型。在R语言中，可以使用ggridges包来创建漂亮的山脊图。本文将介绍如何使用ggridges包绘制山脊图，并提供相应的源代码供参考。首先，确保已经安装了ggridges包。可以使用以下代码来安装：install.packages("ggridges")安装完毕后，加载ggridge</div> </li> <li><a href="/article/1891924488451321856.htm" title="开源echarts实现的BI数据可视化图表，总有你能用上的" target="_blank">开源echarts实现的BI数据可视化图表，总有你能用上的</a> <span class="text-muted">2301_79125642</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>华为审批不通过天津企业待遇集锦211本硕985博找不到工作怎么办还在等华子车bu的保温呢，家被偷了【11.26更新】24届求职黑名单汇总贴记录一次被爆杀的字节面试经历25届日常实习求助，有开源项目经历和源码学习经历求求大家投下我们小米吧，被鸽麻了25日常实习点击就送的公司。。。二本鼠鼠2个多月秋招今天心酸结束秋招上岸，个人历程和面经总结理想一面美团成都到家-24届校招补招-不卷-急！！求求大家投下</div> </li> <li><a href="/article/1891893823349518336.htm" title="跟我一起学Python数据处理（六十八）：用图表让数据可视化" target="_blank">跟我一起学Python数据处理（六十八）：用图表让数据可视化</a> <span class="text-muted">lilye66</span> <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/python/1.htm">python</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/pandas/1.htm">pandas</a> <div>跟我一起学Python数据处理（六十八）：用图表让数据可视化大家好！在数据处理的学习道路上，我一直希望能和大家携手共进、共同成长。今天咱们继续深入学习Python数据处理中的重要内容——数据可视化。学会用合适的图表展示数据，不仅能让数据变得直观易懂，还能帮助我们发现数据背后隐藏的信息和规律。话不多说，咱们马上开始今天的学习之旅！一、不同图表的特点与应用场景在数据可视化的世界里，有各种各样的图表，每</div> </li> <li><a href="/article/1891790851663785984.htm" title="如何通过可视化管理实施方案提升企业效率？" target="_blank">如何通过可视化管理实施方案提升企业效率？</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a> <div>可视化管理实施方案是现代企业提升运营效率和决策质量的重要工具。通过将复杂的数据和信息转化为直观的图表和仪表板，可视化管理能够帮助管理者快速把握关键指标，识别问题所在，并做出及时准确的决策。本文将深入探讨如何通过可视化管理实施方案来提升企业效率，为企业管理者提供实用的指导和建议。在当今数字化时代，企业面临着海量数据的挑战。如何从繁杂的数据中提取有价值的信息，并将其转化为可操作的洞察，成为企业管理的关</div> </li> <li><a href="/article/1891784740218925056.htm" title="深入 Python 执行模型：掌握程序运行的底层逻辑" target="_blank">深入 Python 执行模型：掌握程序运行的底层逻辑</a> <span class="text-muted">tekin</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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/%E6%89%A7%E8%A1%8C%E6%A8%A1%E5%9E%8B/1.htm">执行模型</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E5%90%8D%E4%B8%8E%E7%BB%91%E5%AE%9A/1.htm">命名与绑定</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8%E5%A4%84%E7%90%86/1.htm">异常处理</a><a class="tag" taget="_blank" href="/search/%E4%BD%9C%E7%94%A8%E5%9F%9F/1.htm">作用域</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4/1.htm">命名空间</a> <div>本文将深入解读Python执行模型，带你全面了解Python程序的运行机制，包括程序结构、命名与绑定规则、异常处理方式等关键内容。通过丰富的示例、直观的图表以及对比分析，帮助你深入理解执行模型，为编写高效、稳定的Python代码打下坚实基础。Python执行模型全解析一、程序的结构Python程序由代码块构成，模块、函数体、类定义、交互式输入命令、脚本文件、通过-c选项指定的脚本命令、以-m参数运</div> </li> <li><a href="/article/1891489046094475264.htm" title="第二章：12.4 学习曲线" target="_blank">第二章：12.4 学习曲线</a> <span class="text-muted">望云山190</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>学习曲线的基本概念学习曲线是展示机器学习模型性能如何随着训练数据量增加而变化的图表。它们可以帮助我们理解模型在不同数据量下的表现，以及模型是否过拟合或欠拟合。二阶模型的学习曲线交叉验证错误（Jcv）：这条绿色曲线表示模型在未见过的数据上的表现。它反映了模型的泛化能力，即模型对新数据的预测能力。训练错误（Jtrain）：这条红色曲线表示模型在训练数据上的表现。它反映了模型对训练数据的拟合程度。学习曲</div> </li> <li><a href="/article/1891295036713267200.htm" title="高级前端工程师Vue面试题" target="_blank">高级前端工程师Vue面试题</a> <span class="text-muted">盼盼盼</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML/CSS1.解释HTML5中的元素及其用途。元素用于通过JavaScript绘制图形，比如图表、图像处理等。它提供了一个图形上下文，可以进行2D图形绘制。2.CSS中display:none和visibility:hidden有什么区别？display:none会将元素从文档流中完全移除，不占据空间。而visibility:hidden则元素依然占据空间，只是变得不可见。3.描述CSSFl</div> </li> <li><a href="/article/1891094040657588224.htm" title="海康sip服务器地址_一篇文章涵盖-完整SIP协议操作流程" target="_blank">海康sip服务器地址_一篇文章涵盖-完整SIP协议操作流程</a> <span class="text-muted">OZARGPT</span> <a class="tag" taget="_blank" href="/search/%E6%B5%B7%E5%BA%B7sip%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%9C%B0%E5%9D%80/1.htm">海康sip服务器地址</a> <div>完整SIP协议操作流程此部分使用一个简单示例介绍了SIP的基本操作。它实际上是一个学习辅导，没有包含任何正式的说明。第一个示例显示了SIP的基本功能：终端定位，希望通信的意愿，创建会话参数的协商和创建会话后会话拆线。图表1显示了一个典型的介于两个用户之间的SIP消息交互，两个用户分别是Alice和Bob。(每个消息都通过一个带字母F的标签来标注，文本号码说明一个标注号码)。在这个例子中，Alice</div> </li> <li><a href="/article/1891078786414342144.htm" title="【WPS&Office】汇总" target="_blank">【WPS&Office】汇总</a> <span class="text-muted">YvesHe</span> <a class="tag" taget="_blank" href="/search/%E3%80%90Office%E3%80%91/1.htm">【Office】</a><a class="tag" taget="_blank" href="/search/WPS/1.htm">WPS</a><a class="tag" taget="_blank" href="/search/Office/1.htm">Office</a> <div>写在前面PPT篇幻灯片母版通过母版功能统一幻灯片的样式、字体、颜色等，提高整体一致性。统一设置模板样式字体安装查找到字体并安装。在WPSPPT（WPS演示）中，以下是最常用的十个功能，能够帮助用户高效制作和编辑演示文稿：1.幻灯片模板与主题提供多种内置模板和主题，用户可以快速选择合适的风格，提高幻灯片的美观度和专业性。2.幻灯片版式与布局可调整幻灯片的布局，如标题、文本、图片和图表的排列方式，以适</div> </li> <li><a href="/article/1890988386320183296.htm" title="使用命令方式下载和安装 Microsoft Office ProPlus 2024 x64/x86（含：Project Pro + Visio Pro）" target="_blank">使用命令方式下载和安装 Microsoft Office ProPlus 2024 x64/x86（含：Project Pro + Visio Pro）</a> <span class="text-muted">hbcoolair</span> <a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a> <div>2024年10月1日，微软公司正式发布了MicrosoftOffice2024，支持在线订阅下载和安装。该办公套件引入了一系列新的功能和改进，例如Excel中的动态图表、Outlook的改进搜索功能、PowerPoint的实时相机源嵌入，以及OneNote的增强墨迹体验等。本文的解决思路是，使用自制的命令工具，下载和安装功能最齐全的Office2024专业版，其优点在于无复杂选项，用户操作简单，下</div> </li> <li><a href="/article/1890892538357805056.htm" title="让PPT制作不再繁琐，AI智能一键生成让效率提升" target="_blank">让PPT制作不再繁琐，AI智能一键生成让效率提升</a> <span class="text-muted">HUIPPT剑盾ai</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/powerpoint/1.htm">powerpoint</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/aigc/1.htm">aigc</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6/1.htm">软件</a> <div>让PPT制作不再繁琐，AI智能一键生成让效率提升！在现代职场中，PPT已经成为了我们日常工作的必备工具。很多人都深知制作一份精美且专业的PPT有时并不像想象中那么简单。准备内容、排版设计、数据图表、色彩搭配，每一个细节都需要我们花费大量时间和精力。常常在这个过程中，我们都不得不应对时间紧迫、创意枯竭等烦恼。现在有了AI的帮助，这一切都变得不再那么麻烦！通过AI制作PPT，简单、快速又高效。AI的加</div> </li> <li><a href="/article/1890781708739997696.htm" title="PyQt5控件大小获取" target="_blank">PyQt5控件大小获取</a> <span class="text-muted">qq_29278863</span> <a class="tag" taget="_blank" href="/search/anaconda/1.htm">anaconda</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pip/1.htm">pip</a> <div>这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark</div> </li> <li><a href="/article/1890540228955926528.htm" title="微信小程序邂逅Echarts：从入门到避坑全攻略" target="_blank">微信小程序邂逅Echarts：从入门到避坑全攻略</a> <span class="text-muted">Jiaberrr</span> <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/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><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>一、引言在当今数字化时代，数据可视化对于数据分析和展示至关重要。微信小程序作为一种轻量级应用，在各类场景中广泛应用，而在小程序中实现数据可视化，能让用户更直观地理解数据。Echarts是一款由百度开源的强大的数据可视化图表库，提供了丰富的图表类型，如折线图、柱状图、饼图、地图等，满足各种数据展示需求。将Echarts集成到微信小程序中，能为小程序增添强大的数据可视化能力，提升用户体验。无论是展示业</div> </li> <li><a href="/article/1890463665069551616.htm" title="DeepSeek赋能制造业：图表可视化从入门到精通" target="_blank">DeepSeek赋能制造业：图表可视化从入门到精通</a> <span class="text-muted">数澜悠客</span> <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/%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>一、企业数据可视化之困在数字化浪潮席卷全球的当下，商贸流通企业作为经济活动的关键枢纽，每天都在与海量数据打交道。从商品的采购、库存管理，到销售渠道的拓展、客户关系的维护，各个环节都源源不断地产生数据。这些数据犹如一座蕴含巨大价值的宝藏，然而，如何挖掘并利用好这座宝藏，却成为众多商贸流通企业面临的一大难题。在日常运营中，商贸流通企业常常深陷数据的“泥沼”。采购部门需要分析不同供应商的价格波动、交货期</div> </li> <li><a href="/article/1890405036530397184.htm" title="PDF文件提取开源工具调研总结" target="_blank">PDF文件提取开源工具调研总结</a> <span class="text-muted">塞大花</span> <a class="tag" taget="_blank" href="/search/AI%E6%9E%B6%E6%9E%84%E4%B8%8E%E5%B7%A5%E5%85%B7%E5%AD%A6%E4%B9%A0%E4%B9%8B%E8%B7%AF/1.htm">AI架构与工具学习之路</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/PDF%E6%96%87%E4%BB%B6%E6%8F%90%E5%8F%96/1.htm">PDF文件提取</a><a class="tag" taget="_blank" href="/search/ocr/1.htm">ocr</a><a class="tag" taget="_blank" href="/search/PDF%E5%86%85%E5%AE%B9%E8%AF%86%E5%88%AB/1.htm">PDF内容识别</a><a class="tag" taget="_blank" href="/search/paddlepaddle/1.htm">paddlepaddle</a><a class="tag" taget="_blank" href="/search/paddle/1.htm">paddle</a> <div>概述PDF是一种日常工作中广泛使用的跨平台文档格式，常常包含丰富的内容：包括文本、图表、表格、公式、图像。在现代信息处理工作流中发挥了重要的作用，尤其是RAG项目中，通过将非结构化数据转化为结构化和可访问的信息，极大地提高了信息检索和生成的准确性、效率和实用性。所以PDF文档提取在RAG中显得尤为重要。目前提取PDF文档内容的思路主要分为三个精细度：直接解析PDF的内容流和内部结构，获取文本和元素</div> </li> <li><a href="/article/1890404279609520128.htm" title="手把手教你搭建自己的微信编辑器" target="_blank">手把手教你搭建自己的微信编辑器</a> <span class="text-muted">@菜鸟进阶记@</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a> <div>项目介绍Markdown文档自动渲染为微信图文，不再为微信文章排版而发愁！只要你会基本的Markdown语法，就能做出一篇样式简洁而又美观大方的微信图文。功能特性支持Markdown所有基础语法、数学公式提供对Mermaid图表的渲染和GFM警告块的支持丰富的代码块高亮主题，提升代码可读性允许自定义主题色和CSS样式，灵活定制展示效果提供多图上传功能，并可自定义配置图床便捷的文件导入、导出功能，提</div> </li> <li><a href="/article/1890366435977392128.htm" title="Echarts 监听鼠标右键或者双击" target="_blank">Echarts 监听鼠标右键或者双击</a> <span class="text-muted">weixin_34248705</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>1、监听contextmenu官方文档(注意切换引用控件所对应版本的文档)ECharts中的事件和行为引用官方文档示例代码：//基于准备好的dom，初始化ECharts实例varmyChart=echarts.init(document.getElementById('main'));//指定图表的配置项和数据varoption={xAxis:{data:["衬衫","羊毛衫","雪纺衫",</div> </li> <li><a href="/article/1890320422902231040.htm" title="Markdown画流程图案例" target="_blank">Markdown画流程图案例</a> <span class="text-muted">结伴同行～</span> <a class="tag" taget="_blank" href="/search/%E4%B8%93%E6%B3%A8%E5%86%85%E5%AE%B9/1.htm">专注内容</a><a class="tag" taget="_blank" href="/search/%E7%BB%9F%E4%B8%80%E6%A0%B7%E5%BC%8F%EF%BC%81/1.htm">统一样式！</a><a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E5%9B%BE/1.htm">流程图</a> <div>在Markdown中绘制流程图通常使用Mermaid扩展。Mermaid是一种图表生成工具，可以绘制流程图、序列图、甘特图等。以下是使用Mermaid在Markdown中绘制流程图的基础知识和案例：基础知识1.声明流程图在Markdown中，使用Mermaid绘制流程图需要在代码块中声明Mermaid类型。格式如下：```mermaidgraphTD;A[节点A]-->B[节点B];B-->C[节</div> </li> <li><a href="/article/1890252464163188736.htm" title="可视化大屏适配" target="_blank">可视化大屏适配</a> <span class="text-muted">与月儿漫邀</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%B1%8F%E7%AB%AF/1.htm">大屏端</a> <div>1、scale方案概述：也是目前效果最好的一个方案优点：代码量少，适配简单、一次处理后不需要在各个图表中再去单独适配缺点：留白，有事件热区偏移，下面介绍的autofit.js已经完全解决了此问题2、vw/vh方案概述：按照设计稿的尺寸，将px按比例计算转为vw和vh优点：可以动态计算图表的宽高，字体等，灵活性较高，当屏幕比例跟ui稿不一致时，不会出现两边留白情况缺点：每个图表都需要单独做字体、间距</div> </li> <li><a href="/article/1890159661068382208.htm" title="excel脚本" target="_blank">excel脚本</a> <span class="text-muted">虚竹大帅哥</span> <a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a> <div>Alt键的高手用法选中所有数据之后，以前我们输入sum函数，选择相加的部分，然后下拉。现在教你一个办法，按住alt键加=号，一秒求和选中所有数据之后，过去我们需要插入，生成表格，现在只需要，按住alt加f1键，一秒生成图表。选中图片，一秒对齐网格。高手拆分数据姓名工号姓名工号普通人只会简单且机械的复制现在教你一个快速拆分文字和中文的办法复制姓名和工号到首行，然后在下面用ctrl+E，这样就可以快速</div> </li> <li><a href="/article/1890087161747795968.htm" title="数据分析的 10 个最佳 Python 库" target="_blank">数据分析的 10 个最佳 Python 库</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>引言Python因其简洁、灵活以及功能强大的库，在数据分析界备受青睐，这些库使得Python成为了处理数据、制作图表和进行复杂分析的利器。无论你是数据分析的新手，还是想要丰富你的技能库，掌握合适的Python库都能让你在使用Python时事半功倍。本文将介绍每位数据分析师都应掌握的10个Python库，并用简单的语言和实例说明如何利用它们来解决数据分析中的难题。1.Pandas—简化数据处理Pan</div> </li> <li><a href="/article/1889962805017243648.htm" title="攀登者2【华为OD机试】(JAVA&Python&C++&JS题解)" target="_blank">攀登者2【华为OD机试】(JAVA&Python&C++&JS题解)</a> <span class="text-muted">向哆哆</span> <a class="tag" taget="_blank" href="/search/2024%E5%8D%8E%E4%B8%BAod%E9%A2%98%E5%BA%93/1.htm">2024华为od题库</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAod/1.htm">华为od</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>一.题目描述-攀登者2禁登者喜欢寻找各种地图，并且尝试攀登到最高的山峰地图表示为一维数组，数组的索引代表水平位置，数组的高度代表相对海拔高度。其中数组元素0代表地面。例如[0,1,2,4,3,1,0,0,1,2,3,1,2,1,0]，代表如下图所示的地图，地图中有两个山脉位置分别为1,2,3,4,5和8,9,10,11,12,13，最高峰高度分别为4,3。最高峰位置分别为3,10。一个山脉可能有多</div> </li> <li><a href="/article/1889933678176432128.htm" title="20vue3实战-----使用echarts搭建各种图表" target="_blank">20vue3实战-----使用echarts搭建各种图表</a> <span class="text-muted">太阳与星辰</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue3%E5%AE%9E%E6%88%98%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83/1.htm">vue3实战代码规范</a><a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue3%E5%AE%9E%E6%88%98/1.htm">vue3实战</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86/1.htm">后台管理</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a> <div>20vue3实战-----使用echarts搭建各种图表1.实现目标2.实现步骤2.1封装组件2.2使用组件1.实现目标如上,页面上有各种各样类型的图标。这时候需要用到echarts库作为辅助。2.实现步骤首先安装echarts库的步骤就不用多说。2.1封装组件page-echarts/index.ts:importBaseEchartfrom'./src/base-echart.vue'impo</div> </li> <li><a href="/article/1889872969480597504.htm" title="JVS-智能BI一键导入导出，轻松实现数据共享和无缝迁移" target="_blank">JVS-智能BI一键导入导出，轻松实现数据共享和无缝迁移</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%E5%A4%A7%E6%95%B0%E6%8D%AE%E6%95%B0%E6%8D%AE%E8%BF%81%E7%A7%BBbi/1.htm">数据分析大数据数据迁移bi</a> <div>在数字化时代，数据在不断增长，复杂性也在提升。在实际应用中，数据的导入导出应用非常广泛，可以帮助企业实现数据的迁移和共享。例如，在系统迁移或升级时，用户可以通过导出功能将现有数据导出为文件格式，并在新系统中重新导入这些数据，从而实现无缝切换。在JVS-智能BI系统中，提供了导入导出功能，接下来我结合使用场景详细说一说导入导出功能的使用。功能介绍与使用场景图表、报表、大屏、数据集、数据源新增导入导出</div> </li> <li><a href="/article/1889803280360468480.htm" title="Mermaid 详解与实践" target="_blank">Mermaid 详解与实践</a> <span class="text-muted">jiuri_1215</span> <a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E5%9B%BE/1.htm">流程图</a> <div>一、Mermaid概述Mermaid是一种基于文本的图表绘制语言，它巧妙地融合在Markdown文档里，让使用者无需复杂的图形编辑软件，仅靠敲代码就能生成专业美观的各类图表。这一特性使得它在技术写作、项目文档、知识分享等领域迅速走红，为可视化表达流程、架构、时间安排等信息提供了高效途径。https://mermaid.nodejs.cn/intro/二、Mermaid基础语法详解（一）流程图（Fl</div> </li> <li><a href="/article/1889785003001311232.htm" title="TradingView功能" target="_blank">TradingView功能</a> <span class="text-muted">临水逸</span> <a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a> <div>创建一个类似于TradingView的网站需要一系列复杂的功能，涉及到金融数据的展示、图表、策略回测、社区互动等多个方面。以下是根据功能需求的一个大致框架，帮助你规划这样一个平台：1.金融数据展示实时行情数据：提供股票、期货、外汇、加密货币等市场的实时行情数据，包括K线图、分时图、市场深度图等。历史数据：包括日线、周线、月线和分钟级数据，支持用户进行回测和分析。多市场支持：支持全球多个市场的数据（</div> </li> <li><a href="/article/1889705570496212992.htm" title="Markdown的使用" target="_blank">Markdown的使用</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/html5/1.htm">html5</a> <div>这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark</div> </li> <li><a href="/article/1889559935864336384.htm" title="Markdown使用" target="_blank">Markdown使用</a> <span class="text-muted">随便的名字</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark</div> </li> <li><a href="/article/1889469816373309440.htm" title="开发和部署 Tezos 智能合约" target="_blank">开发和部署 Tezos 智能合约</a> <span class="text-muted">pxr007</span> <div>Tezos是最古老的智能合约区块链之一，以太坊是第一个。虽然以太坊是开发人员开发和部署智能合约的热门选择，但由于费用高且交易缓慢，其应用程序的可扩展性并不高。相比之下，Tezos应用程序的设置非常高效且成本低廉。在本指南中，您将学习如何使用SmartPyCLI在Tezos中开发和部署智能合约。我们将涵盖：什么是特所思？Tezos与以太坊：比较图表什么是SmartPy？什么是智能合约？SmartPy</div> </li> <li><a href="/article/1889467539264696320.htm" title="TIOBE指数2018年9月" target="_blank">TIOBE指数2018年9月</a> <span class="text-muted">毕奥莎伐尔</span> <a class="tag" taget="_blank" href="/search/tiobe/1.htm">tiobe</a><a class="tag" taget="_blank" href="/search/2018%E5%B9%B49%E6%9C%88/1.htm">2018年9月</a> <div>**TIOBE指数2018年9月**9月标题：Python首次进入TIOBE指数前三Python有史以来第一次进入TIOBE指数前三。这真的花了很长时间。在20世纪90年代初，它进入了图表。然后又花了10年才首次达到TIOBE指数前10名。之后，它慢慢地但肯定地接近前5名并最终进入前3名.Python正变得越来越普遍。它已经是大学的首选（适用于需要编程的各种科目），现在也征服了工业界。Python</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. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </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>