Question

我一直在努力使用javascript图表脚本。要调用脚本，我必须将以下内容放在头部：

<script type="text/javascript">
    $(function(){
    $('table').visualize({type: 'line'});
    });
</script>

此脚本会抓取表格以获取数据，然后生成漂亮的图表。一切正常，没问题。问题是当我将其迁移到完整的网站时。我显然在页面上有许多表格，这个脚本试图刮掉每个表格并立即删除图表。为了解决这个问题，我在“charttable”的目标表中添加了一个类，并将上面的代码改为：

<script type="text/javascript">
    $(function(){
    $('.charttable').visualize({type: 'line'});
    });
</script>

现在，它会在预期的位置进行刮擦并生成图表。我现在遇到的问题是它调用的javascript尝试使用各种类来绘制和设置图表样式，这些类似乎被忽略，例如背景颜色全部默认为黑色，x和y轴标签的绘图都只是放在彼此的顶部等.javascript的例子如下所示

//function to create a chart
        var createChart = {
            pie: function(){    

                canvasContain.addClass('visualize-pie');

                if(o.pieLabelPos == 'outside'){ canvasContain.addClass('visualize-pie-outside'); }  

            var centerx = Math.round(canvas.width()/2);
                var centery = Math.round(canvas.height()/2);
                var radius = centery - o.pieMargin;             
            var counter = 0.0;
            var toRad = function(integer){ return    (Math.PI/180)*integer; };
            var labels = $('<ul class="visualize-labels"></ul>')
                .insertAfter(canvas);

这些类中的每一个都由两个样式表设置样式，例如：

.visualize { margin: 60px 0 0 30px; padding: 70px 40px 90px; background: #222 url(../images/chartbg.png) top repeat-x; border: 1px solid #000; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.visualize canvas { border: 1px solid #888; margin: -1px; background: #222; }
.visualize-labels-x, .visualize-labels-y { top: 70px; left: 40px; z-index: 100; }

我尝试在样式表中的所有条目前添加.charttable，认为它可以让我定位类和子类，但这不起作用。

我知道脚本必须至少部分正确地工作，因为它绘制了图表，其中标题和标签从表格中删除。它不会画线，正确定位标签或坚持造型。

我是否写过添加和定位“charttable”类而不仅仅是容器？如果不是 - 在我如何定位容器方面还有另一种解决方法吗？如果是 - 为什么样式表现在被忽略？

如果上述内容毫无意义，我会因为我还在学习Java而道歉...

Answer 1

看起来它操纵一个变量“画布”来创建图表，你说它正在工作。它将类添加到“canvasContainer”，你说它不起作用。我会在代码中进一步查看如何定义canvas和canvasContainer。某处有一个中断，其中定义了canvasContainer。

目标容器类不能在javascript中输入

1 个答案: