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/1946460526489956352.htm" title="Echarts柱状图series下去掉无数据的柱子，没数据不让其柱子占位置 , echarts图表,多个柱子其中数据为0时不占位" target="_blank">Echarts柱状图series下去掉无数据的柱子，没数据不让其柱子占位置 , echarts图表,多个柱子其中数据为0时不占位</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>echarts图表,多个柱子其中数据为0时不占位修改前（中间柱子没数据但是还是会占位置）修改后（中间柱子没数据情况下会自动调整）思路：使用自定义柱子来做import*asechartsfrom'echarts';varchartDom=document.getElementById('main');varmyChart=echarts.init(chartDom);varoption;lettuf</div> </li> <li><a href="/article/1946396459230359552.htm" title="新增AI Copilot，DataEase开源数据可视化分析工具v2.9.0发布" target="_blank">新增AI Copilot，DataEase开源数据可视化分析工具v2.9.0发布</a> <span class="text-muted">FIT2CLOUD飞致云</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</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><a class="tag" taget="_blank" href="/search/DataEase/1.htm">DataEase</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/Copilot/1.htm">Copilot</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a> <div>2024年8月5日，人人可用的开源数据可视化分析工具DataEase正式发布v2.9.0版本。这一版本的功能变动包括：导航栏新增Copilot入口，借助AI技术，通过自然语言交互实现即问即答，让数据分析更加直观和便捷；图表方面，对有图例的图表支持序列颜色设置，并对地图、表格等图表类型进行功能增强和优化；仪表板和数据大屏方面，新增应用导出/导入功能，仪表板和数据大屏中可以支持富文本和跑马灯组件刷新，</div> </li> <li><a href="/article/1943948900800983040.htm" title="Excel控件Spire.XLS 更新至7.12.144 | 附下载" target="_blank">Excel控件Spire.XLS 更新至7.12.144 | 附下载</a> <span class="text-muted">cocacola456</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E6%A1%A3%E7%AE%A1%E7%90%86/1.htm">文档管理</a><a class="tag" taget="_blank" href="/search/%E6%9B%B4%E6%96%B0/1.htm">更新</a><a class="tag" taget="_blank" href="/search/Excel%E6%8E%A7%E4%BB%B6/1.htm">Excel控件</a><a class="tag" taget="_blank" href="/search/Spire.XLS%E6%9B%B4%E6%96%B0/1.htm">Spire.XLS更新</a><a class="tag" taget="_blank" href="/search/Spire.XLS/1.htm">Spire.XLS</a><a class="tag" taget="_blank" href="/search/Spire.XLS%E4%B8%8B%E8%BD%BD/1.htm">Spire.XLS下载</a> <div>Excel控件Spire.XLS更新至7.12.144，修复了转换PDF时字幕对齐的问题。Spire.XLS7.12.144更新修复修复了将Chart转换为Image时图表数据标签重复的问题。修复了CalculateAllValue方法抛出异常的问题。修复了将工作表转换为PDF时图表字幕对齐不正确的问题。</div> </li> <li><a href="/article/1943914994735312896.htm" title="第一次在CSDN 使用Markdown编辑页，就看到了完美的语法，在此处，我记录一下" target="_blank">第一次在CSDN 使用Markdown编辑页，就看到了完美的语法，在此处，我记录一下</a> <span class="text-muted">撰卢</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark</div> </li> <li><a href="/article/1943833920403468288.htm" title="学习笔记(33):matplotlib绘制简单图表-绘制混淆矩阵热图" target="_blank">学习笔记(33):matplotlib绘制简单图表-绘制混淆矩阵热图</a> <span class="text-muted">宁儿数据安全</span> <a class="tag" taget="_blank" href="/search/%23/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/%E5%AD%A6%E4%B9%A0/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/matplotlib/1.htm">matplotlib</a> <div>学习笔记(33):matplotlib绘制简单图表-绘制混淆矩阵热图一、绘制混淆矩阵热图代码解析1.1、导入必要的库importmatplotlib.pyplotaspltfromsklearn.metricsimportconfusion_matriximportseabornassnsmatplotlib.pyplot：Python中最常用的绘图库，用于创建各种图表confusion_matr</div> </li> <li><a href="/article/1943778818082795520.htm" title="【Python办公】Excel透视转数据图表(饼状图\柱状图\折线图-可拓展)" target="_blank">【Python办公】Excel透视转数据图表(饼状图\柱状图\折线图-可拓展)</a> <span class="text-muted">小庄-Python办公</span> <a class="tag" taget="_blank" href="/search/Python%E5%8A%9E%E5%85%AC%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">Python办公自动化</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</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/Excel%E9%80%8F%E8%A7%86/1.htm">Excel透视</a><a class="tag" taget="_blank" href="/search/Excel%E9%80%8F%E8%A7%86%E5%B7%A5%E5%85%B7/1.htm">Excel透视工具</a><a class="tag" taget="_blank" href="/search/python%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">python数据分析</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a> <div>目录专栏导读前言项目概述技术栈选择核心依赖库核心架构设计类结构设计数据流设计界面设计实现布局结构动态界面更新核心功能实现1.透视表计算2.数据排序功能3.数据可视化4.数据统计功能错误处理和用户体验输入验证异常处理项目亮点和创新点1.灵活的多列组合2.智能数据类型处理3.一体化的数据处理流程4.用户友好的界面设计使用场景扩展建议功能扩展性能优化总结完整代码结尾专栏导读欢迎来到Python办公自动化</div> </li> <li><a href="/article/1943732186574286848.htm" title="基于python django的学生选课考勤管理系统" target="_blank">基于python django的学生选课考勤管理系统</a> <span class="text-muted">资深码侬</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/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>基于pythondjango的学生选课考勤管理系统1.系统区分三个角色：学生用户、教师用户、管理员用户2.学生登录、选课、考勤、打卡等功能3.教师对课程管理、考勤管理4.管理员最高权限、对所有数据管理5.数据可视化展示6.各个详细功能具体可看截图本系统主要使用脚本生成了伪数据，存储到mysql中，并且对数据进行各种维度的统计，然后可视化图表展示。文章目录1.环境准备2.创建Django项目和应用3</div> </li> <li><a href="/article/1943710115400052736.htm" title="【前端】【Echarts】【Liquidfill 水球图】深入理解 ECharts Liquidfill 水球图：从入门到进阶" target="_blank">【前端】【Echarts】【Liquidfill 水球图】深入理解 ECharts Liquidfill 水球图：从入门到进阶</a> <span class="text-muted">患得患失949</span> <a class="tag" taget="_blank" href="/search/Echarts%E5%AD%A6%E4%B9%A0/1.htm">Echarts学习</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%A4%A7%E5%B1%8F/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/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>效果深入理解EChartsLiquidfill水球图：从入门到进阶在可视化数据展示中，水球图（Liquidfill）是一种极具表现力的图表。它形象地用“水位高低”表示某个百分比或完成度，非常适合展示指标进度、占比、加载状态等。本文将结合实际HTML示例，带你全面掌握如何使用ECharts+echarts-liquidfill插件绘制水球图，并通过多个实例逐步讲解配置技巧。准备工作在HTML中使用水</div> </li> <li><a href="/article/1943677351275589632.htm" title="软件开发最早期规划与需求梳理清单" target="_blank">软件开发最早期规划与需求梳理清单</a> <span class="text-muted">Hy行者勇哥</span> <a class="tag" taget="_blank" href="/search/%E7%BB%BF%E8%89%B2%E6%99%BA%E9%80%A0/1.htm">绿色智造</a><a class="tag" taget="_blank" href="/search/%C2%B7/1.htm">·</a><a class="tag" taget="_blank" href="/search/%E4%BA%A7%E5%93%81%E8%AE%BE%E8%AE%A1%E4%B8%8E%E7%AE%A1%E7%90%86/1.htm">产品设计与管理</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a><a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%BC%80%E5%8F%91/1.htm">个人开发</a> <div>目录✅摘要✅1️⃣规划阶段所需【图表清单】✅2️⃣规划阶段所需【文档清单】✅实施建议✅结论✅摘要本清单适用于快速开发核心管理系统项目。系统需包含登录、用户管理、设备管理、仪表盘、报表、API管理页面，并支持后续对接外购模块。本文将前期规划阶段所需的图表与文档分别整理成两个独立表格，每个条目都含「优先级、名称、功能、用途」四要素，确保能按表实施，顺序清晰、一目了然。✅1️⃣规划阶段所需【图表清单】序</div> </li> <li><a href="/article/1943676973196832768.htm" title="基于Python的旅游数据可视化应用" target="_blank">基于Python的旅游数据可视化应用</a> <span class="text-muted"></span> <div>摘要本文详细介绍了一个功能完善的基于Python语言开发的旅游行业数据可视化分析应用系统。该系统采用Pandas这一强大的数据处理库进行数据清洗、转换和预处理工作，确保数据质量可靠。在可视化展示方面，系统整合了Matplotlib和Seaborn两大主流可视化库，通过丰富的图表类型直观呈现数据分析结果。特别值得一提的是，所有可视化图表均采用统一的绿色主题配色方案，这种设计不仅美观大方，更能突出体现</div> </li> <li><a href="/article/1943601925140312064.htm" title="React 中使用 ECharts 报错 "series not exists"" target="_blank">React 中使用 ECharts 报错 "series not exists"</a> <span class="text-muted"></span> <div>问题现象在React项目中使用ECharts时，控制台报错：seriesnotexists.Legenddatashouldbesamewithseriesnameordataname但已确认legend.data与series.name完全匹配，代码逻辑看似正确。问题根源未正确注册ECharts图表组件。自ECharts5起，官方采用按需引入（tree-shaking）的模块化设计，需显式注册图</div> </li> <li><a href="/article/1943600703155007488.htm" title="【web应用】若依框架中，使用Echarts导出报表为PDF文件" target="_blank">【web应用】若依框架中，使用Echarts导出报表为PDF文件</a> <span class="text-muted">JosieBook</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Java%E5%85%A8%E6%A0%88/1.htm">Java全栈</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a> <div>文章目录前言一、Echarts准备工作1、查看是否安装了Echarts2、Echarts导入script中3、使用Echarts创建图表二、报表制作打印html2canvas和jsPDF准备工作1、安装html2canvas和jsPDF依赖包2、html2canvas和jsPDF引用到script中3、制作并打印报表三、导出结果前言若依框架前端中，要使用一些文本、数据、图表制作报表，然后导出，那么</div> </li> <li><a href="/article/1943498073896448000.htm" title="UI前端大数据可视化实战策略：如何设计交互式数据探索界面？" target="_blank">UI前端大数据可视化实战策略：如何设计交互式数据探索界面？</a> <span class="text-muted">UI前端开发工作室</span> <a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</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> <div>hello宝子们...我们是艾斯视觉擅长ui设计、前端开发、数字孪生、大数据、三维建模、三维动画10年+经验!希望我的分享能帮助到您!如需帮助可以评论关注私信我们一起探讨!致敬感谢感恩!一、引言：从“被动观看”到“主动探索”的可视化革命传统大数据可视化常陷入“图表堆砌”的困境：企业dashboard上布满折线图、饼图，却难以回答“销售额下降的核心区域是哪里”“用户流失与哪个行为强相关”等深度问题。</div> </li> <li><a href="/article/1943410721370992640.htm" title="大气极简金色高端创业融资商业计划书模板" target="_blank">大气极简金色高端创业融资商业计划书模板</a> <span class="text-muted">深刻如此</span> <div>本文还有配套的精品资源，点击获取简介：选择专业的PPT模板对于展示创业项目至关重要。本模板采用极简主义设计和金色元素，旨在帮助创业者在商业计划书中清晰地介绍项目背景、市场分析、发展规划、产品运营和投资回报分析。模板中包含各种图表、时间轴、流程图和封面设计，以直观、吸引人的方式呈现创业项目的各个方面，从而提高融资成功率。1.大气极简商业计划书的设计理念在当今快节奏的商业环境中，一份大气而极简的商业计</div> </li> <li><a href="/article/1943362450518765568.htm" title="用Python的Chartify库，商业数据可视化效率提升13倍！" target="_blank">用Python的Chartify库，商业数据可视化效率提升13倍！</a> <span class="text-muted">忆愿</span> <a class="tag" taget="_blank" href="/search/Python%E7%BC%96%E7%A8%8B%E7%9A%84%E8%84%89%E5%8A%A8%E4%B9%8B%E5%A3%B0/1.htm">Python编程的脉动之声</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/opencv/1.htm">opencv</a><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/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><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/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/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> <div>文章目录为啥要用Chartify？安装那些事儿从零开始画图基础柱状图进阶折线图散点图与气泡图专业数据分析必备技能多维度分析时间序列分析高级可视化技巧自定义主题交互式特性批量图表生成性能优化技巧大数据集处理内存优化实战案例：销售数据分析系统数据可视化这事儿，搞过的都知道有多费劲。用matplotlib画个图要调半天参数，才能让图表看起来稍微顺眼一点；seaborn虽然画出来的图确实好看，但是配置项太</div> </li> <li><a href="/article/1943362068627386368.htm" title="【数据可视化】在 Python 中使用 Matplotlib 进行数据可视化" target="_blank">【数据可视化】在 Python 中使用 Matplotlib 进行数据可视化</a> <span class="text-muted">干了这一碗BUG</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/matplotlib/1.htm">matplotlib</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/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">数据可视化</a> <div>Matplotlib是一个广泛使用的Python库，用于创建静态、动画和交互式数据可视化。它建立在NumPy之上，能够轻松处理大型数据集，以创建各种类型的图表，如折线图、柱状图、散点图等。这些可视化通过图表清晰地展示数据，帮助我们更好地理解数据。在本文中，我们将了解如何在Matplotlib中创建不同类型的图表并对其进行自定义。安装用于数据可视化的Matplotlib要安装Matplotlib，我</div> </li> <li><a href="/article/1943342897659179008.htm" title="R语言舆情监控与可视化统计" target="_blank">R语言舆情监控与可视化统计</a> <span class="text-muted">q56731523</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/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>用R语言进行舆情监控并且做到可视化，对我来说，总体难度还算可以，主要是舆情监控通常涉及文本数据的收集（如社交媒体、新闻评论），然后进行情感分析，最后通过图表展示结果。步骤看似简单实则一点也不简单。以下就是我使用R语言进行舆情监控和可视化统计的完整示例。该方案包括文本情感分析和时间趋势可视化：#加载必要的包library(tidyverse)#数据处理和可视化library(tidytext)#文本</div> </li> <li><a href="/article/1943275196848861184.htm" title="第八十九篇 大数据开发中的数据算法：贪心策略 - 生活中的“精打细算”艺术" target="_blank">第八十九篇 大数据开发中的数据算法：贪心策略 - 生活中的“精打细算”艺术</a> <span class="text-muted"></span> <div>在资源有限的世界里，贪心算法教会我们：局部最优的累积，往往是通往全局最高效的捷径。本文通过3个生活化场景+原创图表，揭示大数据开发中最实用的优化策略。目录一、贪心算法核心思想：当下即最优二、三大核心应用场景详解（附原创图表）1.文件压缩优化：Huffman编码2.任务调度优化：SPT算法3.网络拓扑优化：Prim算法三、贪心算法适用性分析四、大数据工程最佳实践五、总结：贪心思维的艺术一、贪心算法核</div> </li> <li><a href="/article/1943253018807955456.htm" title="Python数据分析案例｜从模拟数据到可视化：零售门店客流量差异分析全流程" target="_blank">Python数据分析案例｜从模拟数据到可视化：零售门店客流量差异分析全流程</a> <span class="text-muted"></span> <div>1.依赖库导入importmatplotlib.pyplotaspltimportnumpyasnpimportpandasaspdfrommatplotlibimportfont_managerfromdatetimeimportdatetimematplotlib.pyplot：用于绘制图表。numpy：numpy：pandas：虽然代码中未font_manager：设置datetime：生成</div> </li> <li><a href="/article/1943248985909161984.htm" title="PPT 图形制作神器推荐：从基础到 AI 的高效工具指南" target="_blank">PPT 图形制作神器推荐：从基础到 AI 的高效工具指南</a> <span class="text-muted"></span> <div>在当今信息飞速传播的时代，PPT已成为展示观点、传递信息的重要媒介。一份出色的PPT，不仅要有清晰的逻辑和丰富的内容，美观且直观的图形更是吸引观众注意力、提升信息传达效率的关键。无论是商务汇报中展示数据趋势的图表，还是教学课件里解释概念的示意图，恰当的PPT图形都能让演示效果事半功倍。那么，如何高效地生成这些助力PPT出彩的图形呢？接下来，我们将深入探讨多种实用方法，并着重为您推荐功能强大的Pic</div> </li> <li><a href="/article/1943221760212135936.htm" title="Seaborn高阶玩法全解析：从复杂图表到多图布局的可视化实战指南" target="_blank">Seaborn高阶玩法全解析：从复杂图表到多图布局的可视化实战指南</a> <span class="text-muted"></span> <div>数据可视化就像给数据“画肖像”——初级阶段是勾勒轮廓，高级阶段则是赋予灵魂。在Python可视化生态中，Seaborn凭借“一行代码出美图”的优雅，成为数据分析的“画笔利器”。但你是否遇到过这样的场景：想同时展示数据分布与统计量，却被基础图表限制；想批量绘制分面图，手动拼接效率低下；想让图表更具设计感，却对颜色搭配和注解技巧一知半解？本文将带你解锁Seaborn的高阶玩法，从复杂图表绘制到多图布局</div> </li> <li><a href="/article/1943198055616540672.htm" title="四、Actor-Critic Methods" target="_blank">四、Actor-Critic Methods</a> <span class="text-muted">沈夢昂志</span> <a class="tag" taget="_blank" href="/search/DRL%E6%B7%B1%E5%BA%A6%E5%BC%BA%E5%8C%96%E5%AD%A6%E4%B9%A0/1.htm">DRL深度强化学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a> <div>由于在看DRL论文中，很多公式都很难理解。因此最近在学习DRL的基本内容。再此说明，非常推荐B站“王树森老师的DRL强化学习”本文的图表及内容，都是基于王老师课程的后自行理解整理出的内容。目录A.书接上回1、Reinforce算法B.State-ValueFunctionC.PolicyNetWork（Actor）D.ActionValueNetwork(Critic)E.TraintheNeur</div> </li> <li><a href="/article/1943093554767261696.htm" title="缺乏项目进度可视化手段，如何提升展示效果" target="_blank">缺乏项目进度可视化手段，如何提升展示效果</a> <span class="text-muted"></span> <div>要提升项目进度的展示效果，需聚焦于选择合适的可视化工具、构建标准化的展示模板、结合数据进行动态更新、明确受众与场景匹配展示内容、推动进度展示与管理系统集成。其中，选择合适的可视化工具最为关键。项目展示效果的好坏，很大程度上取决于所使用工具的表达能力与交互性。选择具备图表支持、实时协作、数据集成能力的工具（如PowerBI、JiraDashboard、ClickUp等），能显著提升项目可视化水平和数</div> </li> <li><a href="/article/1943022583603589120.htm" title="BabelDOC入门手册一点就通" target="_blank">BabelDOC入门手册一点就通</a> <span class="text-muted">AhriProGramming</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/ocr/1.htm">ocr</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>BabelDOC入门手册一点就通【#BubbleDOC震撼发布！科研党的终极翻译神器，PDF翻译从此告别排版灾难！】你是否经历过翻译PDF时公式错位、图表乱飞、版式崩坏的绝望？传统翻译工具的时代结束了！#BubbleDOC横空出世，凭借三大革命性突破，成为全球科研、金融、法律从业者的新宠✨核心亮点1️⃣无损解析：精准提取PDF内嵌公式、图表、脚注，误差<0.5mm，翻译后与原版像素级对齐；2️⃣智</div> </li> <li><a href="/article/1942957675365068800.htm" title="数据可视化5：MATLAB绘制单组箱线图" target="_blank">数据可视化5：MATLAB绘制单组箱线图</a> <span class="text-muted"></span> <div>箱线图的作用箱形图（又称为「盒须图」或「箱线图」）能方便显示数字数据组的四分位数。箱形图通常用于描述性统计，是以图形方式快速查看一个或多个数据集的好方法。虽然与直方图或密度图相比似乎有点原始，但它们占用较少空间，当要比较很多组或数据集之间的分布时便相当有用。箱线图基本描述该图展示的是一个箱线图（BoxPlot）的主要组成部分及其含义。箱线图是一种用于展示数据分布情况的统计图表，能够直观地反映数据的</div> </li> <li><a href="/article/1942859095543443456.htm" title="使用Python进行数据可视化的初学者指南" target="_blank">使用Python进行数据可视化的初学者指南</a> <span class="text-muted"></span> <div>首先，我们需要确保你的计算机上安装了Python环境。访问Python官方网站可以下载最新的Python版本。接下来，我们将使用matplotlib库来进行图形绘制，这是一个广泛使用的绘图库。你可以通过Python的包管理器pip来安装它：pipinstallmatplotlib一旦安装完成，我们就可以开始绘制我们的第一个图表了。让我们从最简单的图形——折线图开始。假设我们有以下数据集表示某城市一</div> </li> <li><a href="/article/1942819893644685312.htm" title="python 科研作图_科研作图软件（11种）" target="_blank">python 科研作图_科研作图软件（11种）</a> <span class="text-muted">weixin_39875754</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E7%A0%94%E4%BD%9C%E5%9B%BE/1.htm">科研作图</a> <div>科研作图软件（11种）科研绘图在国外已经非常流行，且被高度重视，国内科研人员也越来越重视科研方面的绘图。不少科研工作者，包括在读的博士生、研究生等可能都有这样的体会：千辛万苦得来的实验结果，不知道该如何展现给别人?曾经有位论文审稿人在自己的博文中就写道：“我审稿时看稿件的顺序是题目、摘要、图表、前言、参考文献和正文”。古语云“字如其人”，现在讲“第一印象”，说的都是形象、气质的重要作用，规范的、高</div> </li> <li><a href="/article/1942792913788399616.htm" title="基于Matplotlib，在个人电脑上实现无代码、易于使用的绘图体验" target="_blank">基于Matplotlib，在个人电脑上实现无代码、易于使用的绘图体验</a> <span class="text-muted">wh3933</span> <a class="tag" taget="_blank" href="/search/matplotlib/1.htm">matplotlib</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> <div>在科学研究、商业分析和学术出版等领域，数据可视化是沟通洞见、展示成果的关键环节。强大的Python绘图库Matplotlib为此提供了无限可能，但其陡峭的学习曲线和对编程能力的硬性要求，将大量非程序员的领域专家拒之门外。这些专家——包括科学家、分析师、学者和学生——虽然在各自领域具备深厚的知识，却常常因不熟悉编程而难以高效地创建高质量、可定制的图表。他们目前或受限于Excel等功能有限的软件，或需</div> </li> <li><a href="/article/1942761144296992768.htm" title="原生cesium 实现 多图例展示+点聚合(base64图标)" target="_blank">原生cesium 实现 多图例展示+点聚合(base64图标)</a> <span class="text-muted"></span> <div>个人简介：某大型测绘遥感企业资深Webgis开发工程师，软件设计师(中级)、CSDN优质创作者作者：柳晓黑胡椒❣️专栏：cesium实践(原生)若有帮助，还请关注➕点赞➕收藏，不行的话我再努努力需求背景解决思路解决效果index.vue需求背景1.需要展示多个站点图例的图表及闪烁效果2.需要考虑层级高时，多图例的点聚合效果，且点聚合显示需要采用设计的圆形图标解决思路闪烁效果：采用css3的anim</div> </li> <li><a href="/article/1942722687247904768.htm" title="03 数据可视化的世界非常广阔，除了已提到的类型，还有许多更细分或前沿的可视化形式。" target="_blank">03 数据可视化的世界非常广阔，除了已提到的类型，还有许多更细分或前沿的可视化形式。</a> <span class="text-muted">晨曦543210</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/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>十五、机器学习与数据科学专用图表特征重要性图（FeatureImportancePlot）用途：展示机器学习模型中各特征对预测结果的贡献度。示例：随机森林模型中影响房价预测的关键因素。混淆矩阵热力图（ConfusionMatrixHeatmap）用途：分类模型性能评估，显示预测结果与真实标签的对比。示例：疾病诊断模型的真阳性/假阳性分布。学习曲线（LearningCurve）用途：分析模型训练过程</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>