Files
seal/static/ueditor/_examples/charts.html
2019-07-09 17:41:03 +08:00

71 lines
2.7 KiB
Python
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE HTML>
<html>
<head>
<title>图表demo</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
<!--建议手动加在语言避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型比如你在配置项目里配置的是英文这里加载的中文那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
.clear {
clear: both;
}
</style>
</head>
<body>
<div>
<script id="editor" type="text/plain" style="width:1024px;height:500px;">
<h1>测试图表请点击表格 然后点击工具栏上的图表按钮</h1>
<table data-chart="title:2012北京房价趋势图;subTitle:;xTitle:月份;yTitle:金额(元);suffix:元;tip:;dataFormat:1;chartType:0">
<tbody>
<tr>
<th width="90"><br></th>
<th width="90">1</th>
<th width="90">2</th>
<th width="90">3</th>
<th width="90">4</th>
<th width="90">5</th>
<th width="90">6</th>
<th width="90">7</th>
<th width="90">8</th>
<th width="90">9</th>
<th width="91">10</th>
<th>11</th>
<th>12</th>
</tr>
<tr>
<th valign="null" width="90">2012</th>
<td valign="top" width="55">24593</td>
<td valign="top" width="55">24308</td>
<td valign="top" width="55">24932</td>
<td valign="top" width="55">25413</td>
<td valign="top" width="55">25588</td>
<td valign="top" width="55">25948</td>
<td valign="top" width="55">26579</td>
<td valign="top" width="55">27199</td>
<td valign="top" width="55">28392</td>
<td valign="top" width="55">29071</td>
<td valign="top" width="55">29522</td>
<td valign="top" width="55">30158</td>
</tr>
</tbody>
</table>
</script>
</div>
<script type="text/javascript">
//实例化编辑器
var ue = UE.getEditor('editor', {
toolbars: [
[
'charts', 'preview'
]
]
});
</script>
</body>
</html>