线性图 [英] Linear Graph

问题描述

我为州议会工作，我想创建一个与下一页类似的页面.
矿井将从井底开始的第一张账单开始在底部开始.该行将指示该法案已取得的进展.因此，如果将其引入，但不对其采取任何进一步的措施，那将是非常短的.如果一路走下去，成为一条法律，那将是一条很长的路.

将鼠标悬停在该行上可以显示谁介绍了该行，以及他们属于哪个党.底部的复选框可以根据提出该法案的政党(对共和党或民主人士来说是红色或蓝色)来对线条重新着色.我还有许多其他合适的好主意，但还没有一个如何实现它的线索.我研究的内容越多，就越会觉得自己走错了路.

我承受不了了.此页面似乎已将SVG与画布一起使用?我有关于这两者的书，也有关于HTML5的书，还有关于jquery的书，并且正在阅读我的全部内容，但是我在弄清楚如何将所有这些很酷的东西插入我的Visual Studio .NET环境中并使任何内聚性发生问题时遇到了麻烦. br/>
由于预算限制，我在这里是一个孤独的程序员.我一个人做，甚至没有人谈论我对网站的梦想.有谁愿意给我简短的任务列表，列出他们为完成该项目将要做的事情?

您是否将SVG与Canvas一起使用?那么，我是否编写了一个VB.net程序来遍历这些账单，并为每个账单创建一个SVG路径到某种文​​件中，然后将该页面包含在标题中?我已经编写了存储过程，以捕获我需要的所有信息以及创建SVGish文件的代码.

我很擅长使用代码来告诉程序他们需要知道什么.我只是不知道如何将其显示在网络上.感谢您的帮助.

[原标题]
我想将示例页面变成有用的东西-我的州立法机关的线性图

I work for a State Legislature and I would like to create a page that is similar to the following page. http://www.destatis.de/bevoelkerungspyramide/[^]

My "Men" side would be the bills introduced by the State Senate, and my "Women" side would be the State House. My "play" button would traverse the legislative sessions.

Mine will start at the bottom with the first bill introduced by the chambers. The line would indicate the progress the bill has made. So if it is introduced, but no further action was taken on it, it would be super short. If went all the way, and became a law, it will be a very long line.

Hovering over the line could show who introduced it, what party they belong to. The check boxes at the bottom could recolor the lines according to the party that introduced the bill (red or blue for republican or democrat). I have dozens of other cool ideas that would fit, but not a CLUE how to make it happen. The more I research things the more I feel like I’m going the wrong way.

I am overwhelmed. This page seems to have used SVG with canvas? I got a book about both and a book about HTML5 and also jquery and am reading my way through all but I’m having trouble figuring out how to plug all this cool stuff into my Visual Studio .NET environment and make anything cohesive happen.

Due to budget restraints I’m a lone programmer here. I do it all alone and I don’t even have anyone to talk to about my dreams for the site. Would anyone be willing to give me a short bullet pointed task list of the things THEY would do to accomplish this project?

Would you use SVG with Canvas? So do I write a VB.net program that loops through the bills and creates an SVG path for each bill into some kind of file and then include that page in header? I’ve written the stored procedures to capture all the information I need and code that is creating an SVGish file.

I’m good with the code to tell the programs what they need to know. I just don’t know how to show it to the web. Thanks for any help you could give.

[original title]
I want to turn an sample page into something useful - a linear graph for my state legislature

推荐答案

从您的问题中我想您对VB很熟悉. Net，而SVG，Flash和HTML5只是您正在学习的东西.

我希望您会发现SilverLight开发更熟悉，并且我认为您将能够使用该平台在已有知识的基础上进行开发.边做边学虽然很棒，但往往会花费更多的时间...

可以使用以下方式创建男人"侧:

From your question I guess you are familiar with VB.Net, while SVG, Flash and HTML5 is something you are just learning.

I hope you will find SilverLight development somewhat more familiar, and I think you will be able to build upon what you know using that platform. While learning by doing is great, it tends to be somewhat more time consuming ...

The "men" side could be created using something like this:

<UserControl x:Class="MenSide.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <StackPanel HorizontalAlignment="Right">
            <Rectangle Fill="Black" Width="100" Height="20" HorizontalAlignment="Right">

            </Rectangle>
            <Rectangle Fill="Black" Width="80" Height="20" HorizontalAlignment="Right">

            </Rectangle>
            <Rectangle Fill="Black" Width="110" Height="20" HorizontalAlignment="Right">

            </Rectangle>
        </StackPanel>
    </Grid>
</UserControl>

您将必须动态创建矩形.希望这足以让您入门.

问候
Espen Harlinn

You will have to create the rectangles dynamically. Hope it''s enough to get you started.

Regards
Espen Harlinn

这篇关于线性图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！