我正在做一个概念验证,看看ZingCharts是否是我们Web应用程序中可行的解决方案.我正在尝试创建一个简单的堆积条形图.在我的示例中,一切正常,直到我为我的样式标记添加标题,title ="mystyle".我正在使用样式标记中的标题,因为它模拟了我们的完整应用程序中的情况,其中包含了许多以我们的自定义页面样式标题的css文件.
这是我的示例代码......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello ZingChart World</title>
<style title="mystyle">
.h1 {
margin: 0 0 1px 0;
padding: 5px 7px 7px 7px;
font-size: 11px;
font-weight: bold;
background-color: #ceceb5;
border-color:#ffffff #ffffff #998B74 #ffffff;
border-width:0px 0px 2px 0px;
border-style:solid solid ridge solid;
}
table.fullTable {
width: 100%;
}
td.jsChartSection {
text-align: center;
border: 1px solid #888888;
background-color: #EFEFEF;
padding: 10px 20px 10px;
}
</style>
<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<script>
var chartData={
"type": "bar",
"stacked":true,
"stack-type":"normal",
"backgroundColor":"#FFF0FF",
"hoverMode":"node",
"tooltip": {
"htmlMode":false …Run Code Online (Sandbox Code Playgroud)